jQuer选择器深度解析.docVIP

jQuery选择器 2 jQuery选择器的分类 2 基本选择器 3 Id选择器的特殊：只返回单个元素，这个由html的规定决定的。 3 class选择器 4 基本选择器的大例子 4 层次选择器 7 用空格分开的层次选择器的特点 7 +层次选择器 8 等价关系 9 层次选择器的大例子 9 过滤选择器 12 基本过滤 13 基本过滤的例子 13 内容过滤 16 内容过滤的例子 16 可见性过滤 18 可见性过滤的例子 18 属性过滤 20 属性过滤的例子 20 子元素过滤 23 子元素过滤 23 表单对象属性过滤 26 表单对象属性过滤例子 26 表单选择器 29 表单选择器的例子 29 jQuery的text和html的区别 31 js里面的innerText和innerHtml的区别 32 html的知识：文本框不能输入 32 html的知识：下拉列表的类型 33 视频问题 34 问题 34 问题1jQuery中基本选择器 34 问题2jQuery拥有这么多的选择器，该怎么进行选择？好像有些内容是重复的 35 jQuery选择器 jQuery选择器的分类 基本选择器 $(“id”),根据id值找到匹配的元素，最多只返回一个元素(如果该元素存在)，如果不存在，则返回一个空的jQuery对象。 $(“.class”)，根据css的class属性来返回一个集合，无论该css类是否真的存在，只要定义在元素中就能被jQuery查询到。 Id选择器的特殊：只返回单个元素，这个由html的规定决定的。 注意跟css的区别，css可以控制所有id相同的元素的样式 jQuery1.html !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN /TR/html4/loose.dtd html head title New Document /title meta name=Generator content=EditPlus meta name=Author content= meta name=Keywords content= meta name=Description content= script type=text/javascript src=jquery-1.8.0.js/script script type=text/javascript $(document).ready(function(){ //结果是1，而不是2,有多个相同id的元素只返回单个元素 alert($(#test1).length); alert($(#test1).text()); alert($(#test1)[0].href); }); /script /head body a id=test1 href=google/a a id=test2 href=yahoo/a /body /html class选择器 jQuery4.html !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN /TR/html4/loose.dtd html head title New Document /title meta name=Generator content=EditPlus meta name=Author content= meta name=Keywords content= meta name=Description content= script type=text/javascript src=jquery-1.8.0.js/script script type=text/javascript $(document).ready(function(){ //在这个html中没有class为test的css，但是jQuery并不关心是否存在相应的css，只关心元素是否有名为test的class修饰 alert($(.test).length); //结果为2 }); /script /head body a class=test href=google/a a class=test href=yahoo/a /body /html 基本选择器的大例子 jQuery5.html !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN /TR/html4/loose.dtd html head meta