<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <style type="text/css"> body { /*color: purple;*/ } .a{ color:red; } .b { color:purple; } </style> <script src="script/jquery-1.4.1.js"></script></head><body> <p id="div">class</p> <div id="all" class="a" >all <input type="text" value="text" name="text" id="text"/> <p id="p">p</p> <ul id="ul"> <li id="a">苹果</li> <li id="b">脐橙</li> <li id="c">柚子</li> </ul> <div id="d"> <p>内容</p> </div> <input type="button" value="鼠标悬浮效果" id="over" /> </div> <script type="text/javascript"> $().ready(function () { var p = $("#p"); //alert(p.attr("id"));//attr("属性名")获取属性，attr("属性名","属性值")设置属性 //p.attr("title","title");//设置属性 //p.removeAttr("id");//删除指定元素属性名的元素属性 //$("#all").attr("class", "class");//设置class属性，如此设置属性会替换前面的class属性(class='class') //$("#all").addClass("class");//设置class属性，在原来的class属性里面追加一个class(class='all class')如果一个class里面有相同的属性(比如color),那么后者会覆盖前者 //$("#all").removeClass("all");//删除指定的class属性 //$("#all").removeClass();//移除class里面所有的class属性 //$("#all").toggle(//交替方法 // function () { // $(this).css("color","red"); |
