<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>内容选择器</title><script src="js/jquery.js"></script><script type="text/javascript">$(function(){//利用:contains获取包含指定文本内容的组件 ,取得包含b的段落 // $("p:contains(b)").css("border","2px solid red");//查找拥有子元素为input且类型为text的div对象 // $("div:has(input[type='text'])").css("border","2px solid orange");//标出拥有子元素 ，非空元素，利用:parent选择器 获取所有非空元素 // $("*:parent").css("border","2px solid orange");//标出所有空元素,利用 :empty // $("*:empty").css("border","2px solid blue");//获取表单下所有输入元素 // $(":input").css("border","2px solid orange");//获取所有按钮 // $(":button, :submit, :reset").css("border","2px solid orange");//利用:disable 获取所有不可用表单元素$(":disable").css("border","2px dottle red");})// </script></head><body><div><p>aaaaaaaaaaaaaaaaaaaaaa</p><p>bbbbbbbbbbbbbbbbbbbbbb</p><p>ccccccccccccccccccccccccc</p></div><div>name:<input type="text" /></div><div><input type="button" value="sumbit" /></div><div><input type="button" value="ca" disabled="disabled"/></div><p></p><form><input type="button" value="formbutton" disabled="disabled"/></form></body> </html>
