温营

导航

jQuery属性操作总结

jquery属性包括以下几个:

        attr(name|pro|key,val|fn) 
        removeAttr(name) 
        prop(n|p|k,v|f)1.6+ 
        removeProp(name)1.6+ 

        addClass(class|fn) 
        removeClass([class|fn]) 
        toggleClass(class|fn[,sw]) 

        html([val|fn]) 
        text([val|fn]) 
        val([val|fn|arr]) 

1.attr(name|pro|key,val|fn) 的操作方法:

    $("img").attr("src","img/0.jpg")//给img添加src属性并给src添加值;
    $("input").attr("checked","checked")//也都是可以的

但是有一个例外就是type属性是不可以改变的,可能还有其它的,但是我就是要改变咋办,jquery的强大就体现了他给了我们了另外一种方法那就是prop()方法;接着往下看一会就说说prop的使用方法和attr的区别;

2.removeAttr(name)的使用方法:

    $("img").removeAttr("src")//这是把img当中的src属性移除;
    $("input").removeAttr("checked")//都是可以的;

3.prop(n|p|k,v|f)1.6+

    prop的使用方法和attr是一样但是还是有区别的,第一:prop只支持1.6版本以上的,第二:那就是可以改变type的属性,第三attr是存在兼容性问题的等;所以在改变或添加标签自有的元素最好是使用prop();而自定义标签元素使用attr;

4.removeProp()

    这个就不讲了有了上边的几种方法,这个光看名字就知道是什么意思和怎么用了;

5.addClass(class|fn)

    $(".div").addClass("show")//这是给class名为div的元素添加了一个show的类

6.removeClass([class|fn])

    $(".div").removeClass("show")//这是把class名为div的元素中把一个show的类删掉了

7.toggleClass(class|fn[,sw])

    $(".div").toggleClass("show")//这里是class名为div的元素中要是有show的类就删掉没有就加上,是不是很方便可以;

8.html([val|fn])

    $("p").html("Hello <b>world</b>!")//这是在p里边添加HTML内容,所以标签是要经过解析了,那最后添加的只有Hello world了

9.text([val|fn])

    $("p").text("Hello <b>world</b>")//这是在p里边添加text内容,所以text里边的内容都会添加进去的,Hello <b>world</b>这些会原封不动的加进去; 

10.val([val|fn|arr])

    $("input").val("hello world!")//这是在input里边添加value值.最后input框中出现的是hello world;和下边的方法是一样结果
    $("input").prop("value","hello world") 

jQuery中的属性就到这里,没有图片,没有案例,但是面包会有的;

posted on 2017-05-16 14:16  走啊走  阅读(134)  评论(0编辑  收藏  举报