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("刘老师"); //设置属性值