Jquery属性一览

Jquery属性

1.属性

            attr(name)         获取属性名字的值 如 attr("src"), 在JS脚本中,使用this.src往往会返回一大堆的网页前缀

                                                        而使用attr("src")就很纯净,本身的地址是什么就返回什么.

            attr(properties)   括号内可以是一个JSON对象 attr({ src: "test.jpg", alt: "Test Image" }),一次赋好几个值,

                                                            在赋值的时候还可以用另一种方式attr(); 但是没有JSON的功能强大, 
                                                            强烈建议在使用的时候用JSON的方式{"属性":"值","属性":"值"}

            attr(key, value)   左边是一个属性名 , 逗号右边可以是一个值,表示给其属性赋一个值
            attr(key, fn)      左边是属性名 , 逗号右边可以是一个functuon函数,return值为给其设置的值
            removeAttr(name)   从每一个匹配的元素中删除一个属性

2.CSS类

addClass(class | fn)           为每个匹配的元素添加指定的类名。
                                                         描述:为匹配的元素加上 'selected' 类
                                                         HTML代码 : <p>Hello</p>
                                                         jQuery代码 : $("p").addClass("selected");
                                                         结果 : [ <p class="selected">Hello</p> ]
removeClass([class | fn])      从所有匹配的元素中删除全部或者指定的类。
                                                         参数 : class (可选)String一个或多个要删除的CSS类名，请用空格分开
                                                         描述 : 从匹配的元素中删除 'selected' 类
                                                         HTML代码 : <p class="selected first">Hello</p>jQuery
                                                         代码 : $("p").removeClass("selected");
                                                         结果 : [ <p class="first">Hello</p> ]
toggleClass(class|fn [, sw])   如果存在（不存在）就删除（添加）一个类。
                                                         描述 :为匹配的元素切换 'selected' 类
                                                         HTML代码 : <p>Hello</p><p class="selected">Hello Again</p>jQuery
                                                         代码 : $("p").toggleClass("selected");
                                                         结果 : [ <p class="selected">Hello</p>, <p>Hello Again</p> ]

3.HTML代码/文本/值

       html()       HTML代码  对应的是JS中的 innerHTML
              html(val)  HTML代码,不加括号里边的值是获取值,加括号里边的值是赋值
             text()        HTML文本  对应的是JS中的 innerText
              text(val)   HTML代码,不加括号里边的值是获取值,加括号里边的值是赋值
              val()         HTML值    对应的是JS中的 value
             val(val)    HTML代码,不加括号里边的值是获取值,加括号里边的值是赋值