jquery怎么设置默认显示第一个元素?
思路:使用hide()隐藏所有元素→使用选择器first,first-child,nth-child(1)等获取第一个元素→使用show()显示第一个元素。
实例演示如下:
1、HTML结构
<div id="test">
<li>Glen</li>
<li>Tane</li>
<li>John</li>
<li>Ralph</li>
</div>
2、jquery代码
$(function(){
$("#test li").hide();
$("#test li").eq(0).show();
});
3、显示效果
如何使用eclipse编写第一个jQuery程序实例?
首先在eclipse中新建动态网站程序 创建你的工程名称 jQuery,点击Finsh 在webContent下边新建一个html 输入名称htlloWorld 同样的右键新建一个file,取名js以放置用到的js文件 把使用到的jQuery文件放入js文件夹中,这里使用的是1.8的版本 打开html页面 首先引入jQuery文件,并在代码中添加一个button 输入如下代码 代码解释, $(function(){ }) 所有jQuery执行代码放在这里边。 $("#btn_1").click(function(){ }) 是一个选择器,选中我们id为btn_1 当它被点击也就是click的时候触发function函数 alert("hello world! 这是我的第一个jQuery 程序"); 一个简单的js弹框,输出内容 填写完毕之后,在html页面中,右键 -- run as - run on server 注意你的服务器是否启动着,点击finsh 运行 .点击按钮,弹出一个提示窗 这就是一个最简单的jQuery,通过按钮触发一个提示信息
jquery中的submit方法怎么用?
submit()方法绑定在form表单元素上,当绑定的表单被提交时(通过点击按钮、按回车键等),会触发该方法。实例:
<form id="form1" autocomplete="off"> <input type="text" name="model.username"/> <input type="password" name="model.password"/> <input type="submit" value="登录" /> </form>
$('#form1').submit(function() { $.ajax({ url: '/index!login.do', data: $('#form1').serialize(), type: "POST", dataType: "json", cache: false, success: function(data) { if (data.login == true || data.login == "true") { // 登录成功 location.replace('/main/index.do'); } else { alert('登录失败!请检查用户名或密码'); } } });});