html代码如下
<p title="武汉长乐教育PHP系列教程" name="hello" class="blue"><strong>Dom操作练习</strong></p>
jQuery属性操作
var $p = $("p"); //获取p节点var p_txt = $("p").attr("title"); //获取p元素极端属性title$("p").attr("title", "快来学习吧"); //设置属性$("p").attr({"title":"快来学习吧", "name":"Aaron"}); //设置多个属性$("p").removeAttr("name"); //删除属性
jQuery样式操作
$("p").attr("class"); //获取样式属性$("p").attr("class","yellow"); //设置样式$("p").addClass("red"); //追加样式$("p").removeClass("red"); //删除样式$("p").toggleClass("red"); //切换样式$("p").hasClass("blue"); //判断是否有样式$("p").is("blue");
jQuery获取和设置HTML、文本和值
var p_html = $("p").html(); //获取元素的HTML代码$("p").html("<b>你最喜欢的武汉PHP培训机构是？</b>") //设置元素的HTML代码var p_text = $("p").text(); //获取元素的文本内容$("p").text("你最喜欢的武汉PHP培训机构是"); //设置元素的文本内容$("p").text("<b>你最喜欢的武汉PHP培训机构是？</b>") //测试此代码用户名：<input type="" id="username" value="">$("#username").val(); //获取属性值$("#username").val("刘老师"); //设置属性值