jQuery使用手册(10)

发布时间:2021-06-05

jQuery使用手册,让你彻彻底底的学会使用jquery。

运行结果相当于<img src="test.jpg"/>

removeAttr (name) 将第一个匹配对象的某个属性移出

<img alt="test"/><a href="#" onclick="js()">jQuery</a>

jQuery代码及功能:

function js(){ $("img"). removeAttr("alt"); }

运行结果相当于<img />

toggleClass (class) 将当前对象添加一个样式,不是当前对象则移出此样式,返回的是处理后的对象 <p>Hello</p><p class="selected">Hello Again</p><a href="#" onclick="js()">jQuery</a> $("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),其他的看名字都知道什么作用了! 当点击连接时,id为a的对象的display变为none。

<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,

jQuery使用手册(10).doc 将本文的Word文档下载到电脑

精彩图片

热门精选

大家正在看

× 游客快捷下载通道(下载后可以自由复制和排版)

限时特价:7 元/份 原价:20元

支付方式:

开通VIP包月会员 特价:29元/月

注:下载文档有可能“只有目录或者内容不全”等情况,请下载之前注意辨别,如果您已付费且无法下载或内容有问题,请联系我们协助你处理。
微信:fanwen365 QQ:370150219