-
注意的问题： dom中有个概念的区分：Attribute和Property翻译出来都是“属性”，《js高级程序设计》书中翻译为“特性”和“属性”。简单理解，Attribute就是dom节点自带的属性 例如：html中常用的id、class、title、align等： <div id="immooc" title="慕课网"></div> 而Property是这个DOM元素作为对象，其附加的内容，例如,tagName, nodeName, nodeType,, defaultChecked, 和 defaultSelected 使用.prop()方法进行取值或赋值等 获取Attribute就需要用attr，获取Property就需要用prop查看全部
-
even:选择索引值为偶数的元素，从 0 开始计数 odd: 选择索引值为奇数的元素，从 0 开始计数查看全部
-
选择所有包含指定文本的元素 :contains()选择器中括号内的文字，可为纯文本，或用引号包围查看全部
-
<script type="text/javascript"> //查找所有class="first-div"下的a元素，只取第一个 //针对所有父级下的第一个 $(".first-div a:first-child").css("color", "#CD00CD"); </script> <script type="text/javascript"> //查找所有class="first-div"下的a元素，只取最后一个 //针对所有父级下的最后一个 //如果只有一个元素的话，last也是第一个元素 $(".first-div a:last-child").css("color", "red"); </script> <script type="text/javascript"> //查找所有class="first-div"下的a元素，如果只有一个子元素的情况 $(".first-div a:only-child").css("color", "blue"); </script> <script type="text/javascript"> //查找所有class="last-div"下的a元素,选择第二个 $(".last-div a:nth-child(2)").css("color", "#CD00CD"); </script> <script type="text/javascript"> //查找所有class="last-div"下的a元素,选择第倒数第二个 $(".last-div a:nth-last-child(2)").css("color", "red"); </script>查看全部
-
<script type="text/javascript"> //查找所有div中，属性name=p1的div元素 $("div[name='p1']").css("border", "3px groove red"); </script> <script type="text/javascript"> //查找所有div中，有属性p2的div元素 $("div[p2]").css("border", "3px groove blue"); </script> <script type="text/javascript"> //查找所有div中，有属性name中的值只包含一个连字符“-”的div元素 $("div[name='-']").css("border", "3px groove #00FF00"); </script> <script type="text/javascript"> //查找所有div中，有属性name中的值包含一个连字符“空”的div元素 $("div[name~='a']").css("border", "3px groove #668B8B"); </script>查看全部
-
<script type="text/javascript"> //查找所有div中，属性name的值是用imooc开头的 $("div[name^='imooc']").css("border", "3px groove red"); </script> <script type="text/javascript"> //查找所有div中，属性name的值是用imooc结尾的 $("div[name$='imooc']").css("border", "3px groove blue"); </script> <script type="text/javascript"> //查找所有div中，有属性name中的值包含一个test字符串的div元素 $("div[name*='test']").css("border", "3px groove #00FF00"); </script> <script type="text/javascript"> //查找所有div中，有属性testattr中的值没有包含"true"的div $("div[testattr!='true']").css("border", "3px groove #668B8B"); </script>查看全部
-
diaplay:none和height=0,width=0在文档中是不可见的，不占据空间 visibility：hidden或者opacity：0是可见的，因为他们仍然占据空间 1为真，0为假查看全部
-
this，表示当前的上下文对象是一个html对象，可以调用html对象所拥有的属性和方法。 $(this),代表的上下文对象是一个jquery的上下文对象，可以调用jQuery的方法和属性值。查看全部
-
层级选择器都有一个参考节点 $("div>p")div下的第一个p元素 后代选择器包含子选择器的选择的内容 $("div p")div下的所有p元素 一般兄弟选择器包含相邻兄弟选择的内容 $(".prev+div")prev后面的第一个div 相邻兄弟选择器和一般兄弟选择器所选择到的元素，必须在同一个父元素下$(".prev~div")prev后面的所有div，注意必须同一个父元素查看全部
-
jQuery的show()相当于javascript的document.write()查看全部
-
全选择器* 可以用$("*")即可获取所有节点查看全部
-
直接使用设置p标记样式时用$("p") 若是DOM对象转成jQuery则用$(p),注意p指的是DOM对象查看全部
-
DOM对象设置颜色的方式：first.style.color='red'; jquery对象设置颜色的方式：$fist.css('color','red'); DOM-->jquery var div=document.getElementByTagName('div'); var $div=$(div); jquery-->DOM var first=$div[0];或者var first=$div.get(0);查看全部
-
<!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title>第一个简单的jQuery程序</title> <style type="text/css"> div{ padding:8px 0px; font-size:12px; text-align:center; border:solid 1px #888; } </style> <script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $("div").html("hello world"); }); </script> </head> <body> <div></div> </body>查看全部
-
如果传入的参数是id则在id前加上前缀"#"，用于告诉jQuery我传入的是id； 如果传入的参数是class则在class前加上前缀".",用于告诉jQuery我传入的是class； 如果传入的参数是标签名则无需任何前缀，用于告诉jQuery我传入的是标签名；查看全部
举报
0/150
提交
取消