网站制作学习网JS脚本→正文:jquery属性操作
字体:

jquery属性操作

JS脚本 2010/8/24 8:40:00  点击:不统计


jquery第六课jquery相关属性操作,属性赋值,获取属性值,给元素添加、更新和删除CSS类,文本值和html值。
参考共用代码
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>添加一级新闻分类</TITLE>
<script language="javascript" src="jquery-1.4.2.min.js"></script>
<SCRIPT language="javascript">
$(function(){
<!--jquery文档处理代码区-->
});</SCRIPT>
<style type="text/css">
.img {height:50px;}
</style>
<BODY>
<div>
<ul>
<li id="foo">foo</li>
<li id="bar">bar</li>
<li id="baz">baz</li>
</ul>
</div>
<div id="foraspcn" name="xxx">
<p>http://www.forasp.cn</p>
<p><img id="forasp" src="forapslogo.jpg" height="100" width="200" border="0"></p>
</div>
</BODY>
</HTML>
1.jquery值属性操作
(1).attr("name");获取的是对象的name属性值.
举例:$("#forasp").attr("height");将返回100
(2).attr("name","value");设置对象的name属性值为value
举例:$("#forasp").attr("width","100");将图片的宽度设置为100px;
(3).attr({"name":"value","name1":"value1"..});同时设置对象的多个属性name..为值value..<网站http://www.制forasp作.cn>
举例$("#forasp").attr({"height":"300","width":"100"});上面的图片会变成高300px,宽100px
(4).attr("name",function(){});为所有对象的name设置运行function函数
举例:$("img").attr("height",function(){return this.width});将所有图片的宽符给本身高度。
(5).removeAttr("name"); 消除对象的name属性值.这个就不举例了。
2.jquery操作对象CSS类
(1).addClass("classname");为对象加上classname的css类。
$("#forasp").addClass("img"); 将id为forasp的图片加上类为img的CSS
(2).addClass(function(index, class));为指定的对象的索引对象添加class的CSS类
$("img").addClass(function(index,class){return $(this).index()+class}); 为所有的img添加对应索引+class的类,index和class为可选
(3).removeClass(["class"]); 移除对应对象的类,class是可选的,如果没有则标识移除所有的CSS类,如果有则表示移除响应的css类
(4).removeClass(function(index, class));移除对象指定的类,指定类通过function获得。index为索引,clas为类名,可选
(5).toggleClass(class);给对象添加或者删除一个类,如果有该类则删除,如果没有则添加。
(6).toggleClass(class, switch);根据switch条件为对象添加类,如果switch为true则添加,否则删除CSS类
(7).toggleClass(function(index, class), [switch]);根据switch条件添加类,如果switch为true则添加function函数返回的类,如果否则删除function返回的类。

本节先将前两个,下一节继续jquery属性操作。

·上一篇:jquery选择器2 >>    ·下一篇:jQuery操作Frame(iframe)网页框架 >>
推荐文章
最新文章