jquery的过滤学习
2016-01-12 15:52
549 查看
$("p").eq(1) 匹配下标为1的p标签
$("p").hasClass("a")匹配所有p标签class中包含a的 ,如果有,则返回true
$("div").filter(".c") 匹配所有div中包含c的class,可以是任意属性值选择器,且可以是多个例:$("div").filter(".c",".d")
$("div").filter(fn) 筛选出与制定函数返回值匹配的元素集合 (没怎么看懂。)
$("div").has("span.red") 匹配出div中所有class为red的span元素
[align=left]map()的用法[/align]
[align=left]<p></p>[/align]
[align=left] < form action= "">[/align]
[align=left] < input type= "text" name= "name" id= "name" value="用户名" />[/align]
[align=left] < input type= "text" name= "password" id= "password" value="密码" />[/align]
[align=left] < input type= "text" name= "content" id= "content" value="这是什么" />[/align]
[align=left] </ form>[/align]
[align=left] < script type= "text/javascript">[/align]
[align=left] $(function(){[/align]
[align=left] $( "p").append($("input" ).map( function(){[/align]
[align=left] return $(this).val();[/align]
[align=left] }).get().join("."));[/align]
[align=left] })[/align]
[align=left] </script>[/align]
not()执行的是反向操作,能够从jquery对象中删除符合条件的元素并返回这个清洗后的jquery
[align=left]$("ul li").not( ".a").css ("color", "#000000");[/align]
[align=left] [/align]
[align=left].slice(start,[end]) 第一个参数为必填,如果为负值的话就从尾部开始选取,第一个元素为0,截取时包含start该元素,但不包含end,end元素如果不指定的话,则默认截止到末尾[/align]
[align=left] [/align]
[align=left] [/align]
[align=left] [/align]
查找
children当为空的时候即选择其下的所有子元素,children()括号里可以设置为“.class”或者“#id”等等
contents方法类似于dom中的childNodes。不过contents返回的是一个jquery对象,而childNodes返回的是一个数组
$("p").hasClass("a")匹配所有p标签class中包含a的 ,如果有,则返回true
$("div").filter(".c") 匹配所有div中包含c的class,可以是任意属性值选择器,且可以是多个例:$("div").filter(".c",".d")
$("div").filter(fn) 筛选出与制定函数返回值匹配的元素集合 (没怎么看懂。)
$("div").has("span.red") 匹配出div中所有class为red的span元素
[align=left]map()的用法[/align]
[align=left]<p></p>[/align]
[align=left] < form action= "">[/align]
[align=left] < input type= "text" name= "name" id= "name" value="用户名" />[/align]
[align=left] < input type= "text" name= "password" id= "password" value="密码" />[/align]
[align=left] < input type= "text" name= "content" id= "content" value="这是什么" />[/align]
[align=left] </ form>[/align]
[align=left] < script type= "text/javascript">[/align]
[align=left] $(function(){[/align]
[align=left] $( "p").append($("input" ).map( function(){[/align]
[align=left] return $(this).val();[/align]
[align=left] }).get().join("."));[/align]
[align=left] })[/align]
[align=left] </script>[/align]
not()执行的是反向操作,能够从jquery对象中删除符合条件的元素并返回这个清洗后的jquery
[align=left]$("ul li").not( ".a").css ("color", "#000000");[/align]
[align=left] [/align]
[align=left].slice(start,[end]) 第一个参数为必填,如果为负值的话就从尾部开始选取,第一个元素为0,截取时包含start该元素,但不包含end,end元素如果不指定的话,则默认截止到末尾[/align]
[align=left] [/align]
[align=left] [/align]
[align=left] [/align]
查找
children当为空的时候即选择其下的所有子元素,children()括号里可以设置为“.class”或者“#id”等等
contents方法类似于dom中的childNodes。不过contents返回的是一个jquery对象,而childNodes返回的是一个数组
相关文章推荐
- jqueryMobile使用示例分享
- jquery的extend和fn.extend
- jQuery.fn.extend
- IDEA / WebStorm / PhpStorm 添加jQuery自动提示,自动补全,提示文档
- [转]jQuery 读取 xml
- jquery为表格添加行,jquery读取表格数据
- Jquery ajax方法解析返回的json数据
- jQuery链式调用
- jquery1.8.3升级到2.1.4遇到的几个问题
- Jquery的方法(二)
- jQuery事件绑定on()、bind()与delegate() 方法详解
- js jquery 实现间歇发送短信验证
- js(jQuery)获取时间的方法及常用时间类
- jQuery Validation Plugin使用过程中需要注意的地方
- jQuery全选选择器(基本上来自慕课网)
- 常见jquery 获取控件值,Table内控件值
- jquery实现循环向上滚动
- 到达页面底部jquery写法
- 不依赖jquery的图片LazyLoad按需加载js-echo.js
- jQuery.trim() 函数详解