jquery遍历,选择器等等
2015-07-31 10:03
363 查看
JQuery一些操作
1,$("div").find("p") //在中查找元素,与$("div p")相同
2,
var paras=$("p");
paras.first() //仅选取第一个<p>元素
paras.last() //仅选取最后一个<P>
paras.eq(1) //选取第二个<P>
paras.eq(-2) //选取倒数第二个<P>
paras[1] //第二个<P>元素自身
$("p").slice(2,5) //选取第3个、第4个和第5个<P>元素
$("div").slice(-3) //选取最后3个<div>元素
3,
$("div").filter(".note") //与$("div.note")一样
4,//选取所有<div>和所有<P>元素的等价方式
$("div, p") //使用选择器组
5,checkbox遍历
$(function () {
var a='';
$('input[type="checkbox"][name="chk"]:checked').each(function () {
a += ',' + $(this).val();
console.log($(this).val())
})
console.log(a);
})
1,$("div").find("p") //在中查找元素,与$("div p")相同
2,
var paras=$("p");
paras.first() //仅选取第一个<p>元素
paras.last() //仅选取最后一个<P>
paras.eq(1) //选取第二个<P>
paras.eq(-2) //选取倒数第二个<P>
paras[1] //第二个<P>元素自身
$("p").slice(2,5) //选取第3个、第4个和第5个<P>元素
$("div").slice(-3) //选取最后3个<div>元素
3,
$("div").filter(".note") //与$("div.note")一样
4,//选取所有<div>和所有<P>元素的等价方式
$("div, p") //使用选择器组
5,checkbox遍历
$(function () {
var a='';
$('input[type="checkbox"][name="chk"]:checked').each(function () {
a += ',' + $(this).val();
console.log($(this).val())
})
console.log(a);
})
相关文章推荐
- jquery复选框 选中事件 及其判断是否被选中
- jQuery tablesorter 插件使用
- jquery 插件
- jQuery最佳实践
- jquery parent和parents,children和find
- 240多个jQuery插件
- 基于jQuery扁平多颜色选项卡切换代码
- 使用Jquery validation组件对easyui-datebox组件的时间进行验证遇到的问题
- springmvc + jquery datatable + ajax实现服务端动态分页查询
- jQuery缓存数据——仿Map
- jQuery的ready ()的几种写法
- jQuery图片翻转弹出动画特效
- 点击页面其它地方隐藏div所想到的jQuery的delegate
- jquery 如何设置下拉框隐藏
- 轻量级网页遮罩层jQuery插件用法实例
- jquery模拟alert的弹窗插件
- jquery实现手机号码选号的方法
- jquery-tips悬浮提示插件分享
- jQuery+css3实现文字跟随鼠标的上下抖动
- jquery实现仿JqueryUi可拖动的DIV实例