html 代码如下

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

1. jQuery 属性操作

var $p = $("p");        //获取p节点

var p_title = $("p").attr("title");     //获取p元素属性title

$("p").attr("title", "快来学习吧");        //设置属性

$("p").attr({"title":"快来学习吧", "name":"Aaron"});       //设置多个属性

$("p").removeAttr("name");      //删除属性

var li_2=$("ul li:eq(1)");      //获取第2个li节点

alert(li_2.attr("title"));      //输出第2个li节点的title属性

2. jQuery 样式操作

var p_class = $("p").attr("class");     //获取样式属性
$("p").attr("class","yellow");      //设置样式
$("p").addClass("red");     //追加样式
$("p").removeClass("red");      //删除样式
$("p").toggleClass("red");      //切换样式
$("p").hasClass("blue");        //判断是否有样式
$("p").is(".blue");

3. 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="">
var val = $("#username").val();     //获取属性值
$("#username").val("刘老师");        //设置属性值