jQuery筛选
来源:互联网 发布:前端工程师知乎 编辑:程序博客网 时间:2024/06/04 17:53
1.filter筛选出与指定表达式匹配的元素集合
html:
<p>Hello</p><p>Hello Again</p><p class="selected">And Again</p>
js:
$("p").filter(".selected")
结果:
<p class="selected">And Again</p>
2.map将一组元素转换成其他数组
html:
<p><b>Values: </b></p><form> <input type="text" name="name" value="John"/> <input type="text" name="password" value="password"/> <input type="text" name="url" value="http://ejohn.org/"/></form>
js:
$("p").append( $("input").map(function(){ return $(this).val();}).get().join(", ") );//将所有input表单中的value值插入到p标签中
结果:
<p>John, password, http://ejohn.org/</p>
3.contents()查找匹配元素内部所有的子节点(包括文本节点)。如果元素是一个iframe,则查找文档内容
html:
<p>Hello <a href="http://ejohn.org/">John</a>, how are you doing?</p>
JS:
$("p").contents().not("[nodeType=1]").wrap("<b/>");//给P标签中,节点不为1的内容都加上p标签
结果:
<p><b>Hello</b> <a href="http://ejohn.org/">John</a>, <b>how are you doing?</b></p>
阅读全文
0 0
- jquery筛选
- Jquery 筛选
- jQuery筛选
- jQuery筛选
- jQuery筛选
- jQuery--筛选
- JQuery筛选
- jQuery筛选
- jQuery筛选
- JQuery筛选器
- jquery筛选器
- JQuery筛选器
- jQuery强大筛选器
- jQuery 学习九(筛选)
- JQuery筛选器
- jquery表格内容筛选
- jquery表格内容筛选
- JQuery筛选器大全
- thinkphp下实现ajax无刷新分页
- 特殊音拼读
- php在web服务器中的工作原理
- thinkphp图片上传+validate表单验证+图片木马检测+缩略图生成
- thinkphp的where方法的使用
- jQuery筛选
- Effecitve 阅读笔记--private继承与组合
- Jquery事件
- HTML的学习笔记
- jquery的ajax异步请求上传完图片之后会有页面跳转和刷新如何解决?
- Thinkphp图片水印和文字水印
- BI工具分析
- Kinect V2开发(4)抠图
- Spring Boot | Cloud 的全局异常——@ControllerAdvice注解不起作用