1.attr(name|properties|key,value|fn)设置或返回被选元素的属性值。

$("img").attr("src");//获取属性

$("img").attr({ src: "test.jpg", alt: "Test Image" });//设置多个属性

$("img").attr("src","test.jpg");//设置单个属性

$("img").attr("title", function() { return this.src });//设置title值为函数返回值

2.removeAttr(name)从每一个匹配的元素中删除一个属性

$("img").removeAttr("src");

3.prop(name|properties|key,value|fn)

$("input[type='checkbox']").prop("checked");//获取元素属性值

$("input[type='checkbox']").prop({disabled: true});//map设置元素属性值

$("input[type='checkbox']").prop("disabled", false);//设置元素属性值

$("input[type='checkbox']").prop("checked", function( i, val ) {  return !val;});//此处i表示元素所在索引,val代表元素的属性值

.attr()和.prop()都不应该被用来取值/设值。使用.val()方法代替

.prop()方法应该被用来处理boolean attributes/properties以及在html(比如:window.location)中不存在的properties。其他所有的attributes(在html中你看到的那些)可以而且应该继续使用.attr()方法来进行操作。

4.removeProp(name)用来删除由.prop()方法设置的属性集

var $para = $("p"); $para.prop("luggageCode", 1234);

$para.removeProp("luggageCode");

5.addClass(class|fn)为每个匹配的元素添加指定的类名。

$("p").addClass("selected");//添加一个类

$("p").addClass("selected1 selected2");//添加2个类

$('ul li').addClass(function(index, class) {return 'item-' + $(this).index();});// 对集合中的元素加上不同的类,其中函数第一个参数是索引,第二个参数是对应的原来的类名值

6.removeClass([class|fn])从所有匹配的元素中删除全部或者指定的类。

$("p").removeClass("selected");

$("p").removeClass();//删除所有类

$('li:last').removeClass(function() {return $(this).prev().attr('class');});//用函数删除

7.toggleClass(class|fn[,sw])如果存在(不存在)就删除(添加)一个类。

$("p").toggleClass("selected");//切换类

var count = 0;//根据点击次数切换类

$("p").click(function(){$(this).toggleClass("highlight", count++ % 3 == 0);  });

$('div.foo').toggleClass(function() {//根据其他条件切换类名

if ($(this).parent().is('.bar')

{     return 'happy';   }

else {     return 'sad';   }

});

8.html([val|fn])取得第一个匹配元素的html内容。这个函数不能用于XML文档。但可以用于XHTML文档

$('p').html();返回p元素的内容。

$("p").html("Hello <b>world</b>!");//设置所有 p 元素的内容

$("p").html(function(n){return "这个 p 元素的 index 是:" + n; });//使用函数来设置所有匹配元素的内容。

9.text([val|fn])取得所有匹配元素的内容。

$('p').text();//返回p元素的文本内容

$("p").text("Hello world!");//设置所有 p 元素的文本内容

$("p").text(function(n){return "这个 p 元素的 index 是:" + n; });//使用函数来设置所有匹配元素的文本内容。

10.val([val|fn|arr])获得匹配元素的当前值。

$("input").val();//获取文本框中的值

$("input").val("hello world!");//设定文本框的值

$('input:text.items').val(function() {return this.value + ' ' + this.className;});//设定文本框的值

<select id="single">

<option>Single</option>

<option>Single2</option>

</select>

<select id="multiple" multiple="multiple">

<option selected="selected">Multiple</option>

<option>Multiple2</option>

<option selected="selected">Multiple3</option>

</select><br/>

<input type="checkbox" value="check1"/> check1

<input type="checkbox" value="check2"/> check2

<input type="radio" value="radio1"/> radio1

<input type="radio" value="radio2"/> radio2

执行:

$("#single").val("Single2");

$("#multiple").val(["Multiple2", "Multiple3"]);

$("input").val(["check2", "radio1"]);

jQuery慢慢啃之属性(三)的更多相关文章

  1. jQuery慢慢啃之特效(八)

    1.show([speed,[easing],[fn]])\\显示隐藏的匹配元素 //speed:三种预定速度之一的字符串("slow","normal", o ...

  2. jQuery慢慢啃之事件(七)

    1.ready(fn)//当DOM载入就绪可以查询及操纵时绑定一个要执行的函数. $(document).ready(function(){ // 在这里写你的代码...}); 使用 $(docume ...

  3. jQuery慢慢啃之事件对象(十一)

    1.event.currentTarget//在事件冒泡阶段中的当前DOM元素 $("p").click(function(event) { alert( event.curren ...

  4. jQuery慢慢啃之工具(十)

    1.jQuery.support//一组用于展示不同浏览器各自特性和bug的属性集合 2.jQuery.browser//浏览器内核标识.依据 navigator.userAgent 判断. 可用值: ...

  5. jQuery慢慢啃之ajax(九)

    1.jQuery.ajax(url,[settings])//通过 HTTP 请求加载远程数据 如果要处理$.ajax()得到的数据,则需要使用回调函数.beforeSend.error.dataFi ...

  6. jQuery慢慢啃之CSS(六)

    1.css(name|pro|[,val|fn])//访问匹配元素的样式属性 $("p").css("color");//获取 $("p") ...

  7. jQuery慢慢啃之核心(一)

    1. $("div > p"); div 元素的所有p子元素. $(document.body).css( "background", "bla ...

  8. jQuery慢慢啃之回调(十三)

    1.callbacks.add(callbacks)//回调列表中添加一个回调或回调的集合 // a sample logging function to be added to a callback ...

  9. jQuery慢慢啃之文档处理(五)

    1.append(content|fn)//向每个匹配的元素内部追加内容. $("p").append("<b>Hello</b>"); ...

随机推荐

  1. 解决导入lib,关联源码问题

    关联源代码:在libs目录下新建文件,以jar包全名(包括.jar)为文件名称,以.properties结尾 在文件中新建键值对:src=jar包源代码绝对路径:根据提示将单斜线变成双斜线, 然后cl ...

  2. Delphi 编写的Web Service

      一编写服务程序 第一步:File----->New----->Other------>WebServices----->Soap Server Application选择I ...

  3. Windows进程

    一.Windows进程 1.进程 进程是一种容器,包含了应用程序实例的各种资源. 2.Windows进程的一些特点 2.1.进程中包含了执行代码等资源 2.2.进程都具有私有的地址空间 2.3.每个进 ...

  4. java基础(七)面向对象(二)

    这里有我之前上课总结的一些知识点以及代码大部分是老师讲的笔记 个人认为是非常好的,,也是比较经典的内容,真诚的希望这些对于那些想学习的人有所帮助! 由于代码是分模块的上传非常的不便.也比较多,讲的也是 ...

  5. 《University Calculus》-chape5-积分法-积分的定义

    这一章节讨论积分的定义以及微积分基本定理. 笔者先前在数学证明专栏中关于高斯定理的证明的开头,给出了一段关于微积分思想的概括,文中提到根据导数(微分)的定义,根据其逆定义来给出积分的定义和计算方法,这 ...

  6. swfupload 在ie9以上浏览器报错问题记录

    解决办法: swfuploadl.js line 840左右 SWFUpload.prototype.cleanUp if (typeof(movieElement[key]) === "f ...

  7. automake---让Makefile变得更专业一点儿

    一般我们装软件时,都要运行 ./configure --prefix=/usr/local make make install 看着不断刷新的屏幕,总感觉真得好高深呀,其实我们的程序也可以这样子. 下 ...

  8. 创建maven项目出现的问题

    右击项目无法显示maven图标,创建的pom.xml无法识别,并且创建maven项目时,一直显示Loading archetype list...

  9. 浅谈qmake之pro、pri、prf、prl文件

    浅谈qmake之pro.pri.prf.prl文件 转载自:http://blog.csdn.net/dbzhang800/article/details/6348432 尽管每次和cmake对比起来 ...

  10. 【转】CPU调度

    转自:http://blog.csdn.net/xiazdong/article/details/6280345 CPU调度   用于多道程序 以下先讨论对于单CPU的调度问题. 回顾多道程序,同时把 ...