属性
我们以<img );
}运行:先弹出对话框显示id为test的连接url,在将其url改为2.html,当弹出对话框后会看到转向到2.html
同理,jQuery还提供类似的其他方法,大家可以分别试验一下:
herf() herf(val) html() html(val) id() id (val) name() name (val) rel() rel (val)
src() src (val) title() title (val) val() val(val)

操作
after(html) 在匹配元素后插入一段html <a href="#" )返回 [ <p>This is just a test.</p> ]
end() 结束操作,返回到匹配元素清单上操作前的状态.

filter(expr) filter(exprs) 过滤现实匹配符合表达式的对象 exprs为数组,注意添加“[ ]” <p>Hello</p><p>Hello Again</p><p class="selected">And Again</p>jQuery代码及功能: function jq(){
alert($("p").filter(".selected").html())
}$("p")得到三个对象,$("p").contains("test")只返回class为selected的对象。
find(expr) 在匹配的对象中继续查找符合表达式的对象 <p>Hello</p><p >And Again</p> ]一个对象
prev () prev (expr) 参照next理解

not(el) not(expr) 从jQuery对象中移出匹配的对象,el为dom元素,expr为jQuery表达式。 <p>one</p><p >jQuery</a> ]
其他
addClass(class) 为匹配对象添加一个class样式
removeClass (class) 将第一个匹配对象的某个class样式移出

attr (name) 获取第一个匹配对象的属性 <img src="test.jpg"/><a href="#" onclick="js()">jQuery</a> jQuery代码及功能: function js(){
alert($("img").attr("src"));
}返回test.jpg
attr (prop) 为第一个匹配对象的设置属性,prop为hash对象,用于为某对象批量添加众多属性 <img/><a href="#" onclick="js()">jQuery</a>jQuery代码及功能: function js(){
$("img").attr({ src: "test.jpg", alt: "Test Image" });
}运行结果相当于<img src="test.jpg" alt="Test Image"/>
attr (key,value) 为第一个匹配对象的设置属性,key为属性名,value为属性值 <img/><a href="#" onclick="js()">jQuery</a>jQuery代码及功能 function js(){
$("img").attr(“src”,”test.jpg”);
}运行结果相当于<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> ]
本文来自: 脚本之家(www.jb51.net) 详细出处参考:http://www.jb51.net/article/8814.htm

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2021-12-15
  • 2021-04-21
猜你喜欢
  • 2022-02-08
  • 2021-08-29
  • 2021-11-28
  • 2021-05-12
  • 2021-11-16
相关资源
相似解决方案