jQuery网页设计教程-jQuery使用手册4

其他
addClass(class)   为匹配对象添加一个class样式
removeClass (class)   将第一个匹配对象的某个class样式移出

attr (name)   获取第一个匹配对象的属性

jQuery代码及功能：返回test.jpg

attr (prop)   为第一个匹配对象的设置属性，prop为hash对象，用于为某对象批量添加众多属性jQuery代码及功能：运行结果相当于<img src="test.jpg" alt="Test Image"/>

attr (key,value)   为第一个匹配对象的设置属性，key为属性名，value为属性值jQuery代码及功能运行结果相当于<img src="test.jpg"/>

removeAttr (name)   将第一个匹配对象的某个属性移出jQuery代码及功能：运行结果相当于<img />

toggleClass (class)   将当前对象添加一个样式，不是当前对象则移出此样式，返回的是处理后的对象$("p")的结果是返回对象 [<p>Hello</p>,<p class="selected">Hello Again</p> ]
$("p").toggleClass("selected")的结果是实返回对象 [ <p class="selected">Hello</p>, <p>Hello Again</p> ]

         三：CSS操作

      传统javascript对css的操作相当繁琐，比如<div id="a" style="background:blue">css</div>取它的background语法是 document.getElementById("a").style.background，而jQuery对css更方便的操作，$("#a").background()，$("#a").background(“red”)
$("#a")得到jQuery对象[ <div id="a" … /div> ]
$("#a").background()将取出该对象的background样式。
$("#a").background(“red”)将该对象的background样式设为redjQuery提供了以下方法，来操作css
background ()   background (val)     color()    color(val)     css(name)    css(prop)   
css(key, value)       float()   float(val)   height()   height(val) width() width(val)
left()   left(val)       overflow()   overflow(val)   position()   position(val) top()   top(val)

这里需要讲解一下css(name) css(prop) css(key, value)，其他的看名字都知道什么作用了！

<div id="a" style="background:blue; color:red">css</div><P id="b">test</P>

css(name) 获取样式名为name的样式
$("#a").css("color") 将得到样式中color值red，("#a").css("background ")将得到blue

css(prop) prop是一个hash对象，用于设置大量的css样式
$("#b").css({ color: "red", background: "blue" });
最终效果是<p id="b" style="background:blue; color:red">test</p>,{ color: "red", background: "blue" }，hash对象，color为key，"red"为value，

css(key, value) 用于设置一个单独得css样式
$("#b").css("color","red");最终效果是<p id="b" style="color:red">test</p>

原文地址：http://www.35ui.cn/post/20100505251.html

标签：jQuery教程静态网页模板制作seo网站优化北京服务器租用北京网页制作网站seo优化jquery

上一条： jQuery网页设计教程-jQuery使用手册5
下一条： jQuery网页设计教程-jQuery使用手册3