演示-JQuery属性选择器
2016-11-30 20:25
309 查看
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>index</title> 6 <script type="text/javascript" src="jquery-3.1.1.min.js"> 7 8 </script> 9 <script type="text/javascript"> 10 $(function(){ 11 console.log("选择器“p[align]”长度为:"+$("p[align]").length); 12 console.log("选择器“p[align='center']”长度为:"+$("p[align='center']").length); 13 console.log("选择器“p[title='hellohtmlworld']t”长度为:"+$("p[title='hellohtmlworld']").length); 14 console.log("选择器“p[title^='hello ']”长度为:"+$("p[title^='hello ']").length); 15 console.log("选择器“p[title$='world']”长度为:"+$("p[title$='world']").length); 16 console.log("选择器“p[title*='html']”长度为:"+$("p[title*='html']").length); 17 console.log("选择器“p[title~='hello']”长度为:"+$("p[title~='hello']").length); 18 console.log("选择器“p[title|='hello']”长度为:"+$("p[title|='hello']").length); 19 console.log("选择器[href^='http'][title='hello-html-world']”长度为:"+< 4000 span style="background-color:#f5f5f5;color:#000000;">$("[href^='http'][title='hello-html-world']").length); 20 } 21 ); 22 </script> 23 </head> 24 <body> 25 <div> 26 <p align="center">hello world!</p> 27 <p align="">hello world!</p> 28 </div> 29 <div class="test" id="test" align="" style="background-color:#CCCCCC"> 30 <p class="test" title="hello">hello world!</p> 31 <p class="test" title="hello html world">hello world!</p> 32 <p class="test1" title="hellohtmlworld">hello world!</p> 33 <p class="test1" title="hello-html-world">hello world!</p> 34 <a class="test1" title="hello-html-world" href="http://www.cnblogs.com/yw0219/p/5928955.html">JQuery选择器</a> 35 </div> 36 </body> 37 </html>
结果:
相关文章推荐
- 演示-JQuery属性选择器
- Jquery操作属性选择器
- jquery选择器、属性设置用法经验总结
- IE6、IE7、IE8对多级jquery属性选择器失效的替代方案
- jquery选择器之属性选择器
- jQuery 选择/取消 id 属性 已经选择的checkbox(java代码混用)
- jQuery中复合属性选择器用法实例
- jquery选择器之表单选择\表单对象属性
- jquery表单对象属性选择器
- [JQuery]学习——属性选择器
- JQuery 表单快速选择器,表单属性选择器
- jQuery选择器详细介绍:基本选择器,层次选择器,属性选择器
- jquery笔记之属性选择器 查找以某种条件开头的页面元素
- Jquery属性选择器
- jQuery中复合属性选择器用法实例
- jQuery 属性选择器element[herf*='value']使用示例
- jQuery 属性选择器
- jQuery——属性选择器
- jquery笔记-属性选择器
- JQuery学习笔记-属性选择器