zoukankan      html  css  js  c++  java
  • 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中的属性就到这里,没有图片,没有案例,但是面包会有的;

  • 相关阅读:
    二叉排序树
    C# 大端与小端
    【转】C#socket通信
    【转】Github 搜索技巧,快速找到好资源
    web api 跨域请求,ajax跨域调用webapi
    【转】Linux简介及最常用命令
    【转】带你吃透RTMP
    09-vuex基本应用之计数demo
    08-配置vue路由的步骤
    02-原型与原型链
  • 原文地址:https://www.cnblogs.com/eeeew/p/6861124.html
Copyright © 2011-2022 走看看