jQuery属性方法

1..attr()与.removeAttr()



在DOM操作中有get、setAttribute方法，jQuery也有类似方法

.attr('属性名')获取属性值

.attr('属性名'，‘属性值’)设置属性值

也可以{属性名一: “属性值一” , 属性名二: “属性值二” , … … }

.attr(‘属性名’，函数)，例子如下：（将返回通过function设置+原来的value值）

$("input:eq(2)").attr('value',function(i,va){
        return '通过function设置' + va;
      })

2.html()及.text()

html()不传入值，则为获取。

html获得的是整个html文档结构，包括标签样式，而text只获取文字。

同样可用函数来修改：

$(".left a:first").text(function(idnex,text){
            return '增加新的文本内容' + text;
        });

3.val()

主要用来处理表单元素的值，如input、select、textarea

val（）无参数时为获取。

若在表单中有属性selected=”selected“，则获取它（第一个）。

若multiple=“multiple”，则获取所有selected的标签。

4.增加样式.addClass()、remov0Class()

5.toggleClasss()

.toggleClass(“样式名C”) ，若对象上已有样式C则删除，否则添加。

加上布尔值：.toggle("C",true);true样式应该被添加，若已被添加则无变化；false，样式应该被删去；

6.css()

.css("属性名")：比如css("font-size")获取
.css("属性名","值")设置

也可以用回调函数设置css，实现在原来的基础上的改变：

	$('.mod').css("width",function(index,val){           
            val=val.split("px");
            return parseInt(val[0])+50+val[1];         
            });

注意：css()设置相当于内联设置（标签处设置css），所以优先级高于addClass方法

单、多属性修改：

css("font-size","15px")

css({
            'font-size'        :"15px",
            "background-color" :"#40E0D0",
            "border"           :"1px solid red"
        })

7.数据存储data()

静态方法，通过jQuery，$.data(ele,key,value)，参数包括节点，数据名及值，当然也可以获取：$.(ele,key)

动态方法，通过节点，ele.data(key,value)/ele.data(key)

//通过.data方式设置数据
        ele.data("a", "haha")
        ele.data("b", {
            name: "abc"
        })
        //使用
        ele.data('a');
        ele.data('b').name;

//通过$.data方式设置数据
        $.data(ele, "a", "haha")
        $.data(ele, "b", {
            name : "abc"
        })
        //使用
        $.data('a');
        $.data('b').name;

8.事件代理delegate()

$('').delegate('li','click',fn)

$('#search-result').delegate('li','click',function(){
          var keyword=$(this).text()
          location.href='http://cn.bing.com/search?q='+keyword;
        })