jQuery中的节点操作(二)

html代码如下

1. <p title="武汉长乐教育PHP系列教程" name="hello" class="blue">
2. <strong>Dom操作练习</strong>
3. </p>

jQuery属性操作

1. var $p = $("p"); //获取p节点
3. var p_txt = $("p").attr("title"); //获取p元素极端属性title
5. $("p").attr("title", "快来学习吧"); //设置属性
7. $("p").attr({"title":"快来学习吧", "name":"Aaron"}); //设置多个属性
9. $("p").removeAttr("name"); //删除属性

jQuery样式操作

1. $("p").attr("class"); //获取样式属性
2. $("p").attr("class","yellow"); //设置样式
3. $("p").addClass("red"); //追加样式
4. $("p").removeClass("red"); //删除样式
5. $("p").toggleClass("red"); //切换样式
6. $("p").hasClass("blue"); //判断是否有样式
7. $("p").is("blue");

jQuery获取和设置HTML、文本和值

1. var p_html = $("p").html(); //获取元素的HTML代码
2. $("p").html("<b>你最喜欢的武汉PHP培训机构是？</b>") //设置元素的HTML代码
4. var p_text = $("p").text(); //获取元素的文本内容
5. $("p").text("你最喜欢的武汉PHP培训机构是"); //设置元素的文本内容
6. $("p").text("<b>你最喜欢的武汉PHP培训机构是？</b>") //测试此代码
8. 用户名：<input type="" id="username" value="">
9. $("#username").val(); //获取属性值
10. $("#username").val("刘老师"); //设置属性值