三个简单实用的用于DOM操作的jQuery方法:
- text() -设置或返回所选元素的文本内容
- html() - 设置或返回所选元素的内容,包括html标记
- val()－设置或返回标点字段的值
attr 和 prop区别介绍:
- 对于HTML本身就带有的固有属性,在处理时,使用prop方法;
- 对于HTML元素我们自己定义的ＤＯＭ属性，在处理时使用attr 方法。
prop()函数的结果: 如果没有相应的属性，返回值是空字符串．
attr()函数的结果: 如果没有相应的属性，返回值是undefined
具有true或false两个属性的的属性，如selected，checked或者disable使用prop()
jquery选择器
选取子元素方式：
$("p:nth-child(5)").css({"background-color":"yellow","font-size":"200%"});（:nth-child() 选择器默认以 body 作为父标签）；
$("p").eq(N) // N 是索引号，从 0 开始
$(".getColor").children(".b").css({"background-color":"yellow","font-size":"200%"})
$("div p").first().css("background-color","yellow");
$("div p").last().css("background-color","yellow");
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $("div p").first().css("background-color","yellow"); $("div p").eq(1).css("background-color","yellow"); }); </script> </head> <body> <h1>欢迎访问我的主页</h1> <div> <p>这是 div 中的一个段落。</p> </div> <div> <p>这是另外一个 div 中的一个段落。</p> </div> <p>这是一个段落。</p> </body> </html>
