本文实例讲述了jQuery内容过滤选择器用法。分享给大家供大家参考,具体如下:
html health eta http-equiv=' Content-Type ' Content=' text/html;charset=utf-8 '/title/title script src=' http : js/jquery-1。10 .1 .量滴js ' type=' text/JavaScript '/script script src=' http : js/assist。js ' type=' text/JavaScript '/script link rel='样式表type=' text/CSS ' href=' CSS/style。CSS '/脚本类型=' text/JavaScript ' $(文档)。就绪(函数(){ //选取含有文本迪的差异元素$('#btn1 ').click(function(){ $(' div :包含(di)')).css(“”背景,' # bbffaa ');}) //选取不包含子元素(或者文本元素)的差异空元素$('#btn2 ').单击(function(){ $('div:empty ').css(“”背景,' # bbffaa ');}) //选取含有班级为微型汽车元素的差异元素$('#btn3 ').click(function(){ $(' div : has().迷你)').css(“”背景,' # bbffaa ');}) //选取含有子元素(或者文本元素)的差异元素$('#btn4 ').单击(function(){ $('div:parent ').css(“”背景,' # bbffaa ');})});/script/head dyh 3内容过滤选择器/h3button id='reset '手动重置页面元素/button输入类型=' checkbox ' id=' isreset ' checked=' checked '/标签为=' isreset '点击下列按钮时先自动重置页面/标签br/br/输入类型='按钮'值='选取含有文本“di”的差异元素.'id=' BTN 1 '/输入类型='按钮'值='选取不包含子元素(或者文本元素)的差异空元素.'id=' BTN 2 '/输入类型='按钮'值='选取含有班级为微型汽车元素的差异元素.'id=' BTN 3 '/输入类型='按钮'值='选取含有子元素(或者文本元素)的差异元素.'id='btn4'/br /br /!-测试的元素- div class='one' id='one' id为一班为一个的div class='mini '类为mini/div/div class=' one ' id=' two ' title=' test ' id为二班为一,标题为试验的div .div class=' mini ' title=' other ' class为迷你,标题为其他/div class=' mini ' title=' test ' class为迷你,标题为test/div/div class=' one ' div class=' mini ' class为mini/div class=' mini '类为mini/div class=' mini '类为mini/div class=' mini '/div/div class=' one ' div class=' mini ' class为mini/div class=' mini '类为mini/div class=' mini '类为mini/div class=' mini ' title=' tesst ' class为迷你,标题为tesst/div/div style=' display : none;class='none '样式的显示为没有的div/divdiv class='hide'class为隐藏的div/divdiv包含投入的类型为"隐藏"的差异输入类型='隐藏'大小=' 8 '/div span id=' Mover '正在执行动画的跨度元素跨度/正文/html效果图:
更多关于jQuery相关内容感兴趣的读者可查看本站专题: 《jQuery操作DOM节点方法总结》 、 《jQuery页面元素操作技巧汇总》 、 《jQuery常见事件用法与技巧总结》 、 《jQuery常用插件及用法总结》 、 《jQuery扩展技巧总结》 、 《jQuery表格(table)操作技巧汇总》 、 《jQuery常见经典特效汇总》 及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。