zoukankan      html  css  js  c++  java
  • jquery 属性-记住

    $("").attr();
    $("").removeAttr();
    $("").prop();
    $("").removeProp()
    /对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。
    //对于HTML元素我们自己自定义的DOM属性,在处理时,使用attr方法。
    //像checkbox,radio和select这样的元素,选中属性对应“checked”和“selected”,这些也属于固有属性,因此
    //需要使用prop方法去操作才能获得正确的结果。

    each循环:
    //循环遍历数组
    var arr=[11,22,33]

    $.each(arr,function (i,v) {
    console .log(i,v) //i为索引,v为值,也可以单取一个

    })

    //遍历标签
    $('').each(function (i) {
    console.log(i); //索引
    console.log($(this).html())
    })
     
        // 大家再考虑: function里的return只是结束了当前的函数,并不会影响后面函数的执行
    
        //本来这样没问题,但因为我们的需求里有很多这样的情况:我们不管循环到第几个函数时,一旦return了,
        //希望后面的函数也不再执行了!基于此,jquery在$.each里又加了一步:
             for(var i in obj){
    
                 ret=func(i,obj[i]) ;
                 if(ret==false){
                     return ;
                 }
    
             }
        // 这样就很灵活了:
        // <1>如果你想return后下面循环函数继续执行,那么就直接写return或return true
        // <2>如果你不想return后下面循环函数继续执行,那么就直接写return false




    val 的使用,是固有的属性,才能用val.
    比如,input,select,textarea,中的value.
     // 取值:
        console.log($(".c1").val()); // 123
        console.log($(".c2").val()); // 123

        // 赋值:
         $(".c1").val("hello"); //
         $(".c2").val("hello world") ;//


    如果是你自己设置的属性,比如<div value='xxx'> </div>
    val就去不出来值

        $("button").click(function () {
            // 创建标签

            var $img=$("<img>");
            //$img.attr("src","egon.jpg");
            $img.attr({"src":"egon.jpg","width":100,"height":100});//添加属性
           


    // $(".c1").append($img) //父节点添加子节点,也可以是个字符串

            //$img.appendTo($(".c1")) //节点被父节点添加,追加

            // $(".c1").prepend($img) //位置不一样,开头

           // $(".c1").after($img)    //兄弟节点插入



            // 替换

            // $(".c1 h3").replaceWith($img)

            // 删除

            //$("h3").remove() //删除节点及其内部

            // $(".c1").empty() //保留盒子,删除内容

    //        var c=$(".c1").clone();
    //        $(".c1").after(c)


        })




  • 相关阅读:
    bootstrap
    史上最全Html和CSS布局技巧
    三种实现左右固定,中间自适应的三栏布局方式
    网页布局常用样式属性
    去除inline-block间隙的几种方法
    HTML&CSS——使用DIV和CSS完成网站首页重构
    I want to be a Great Web Front-end Developer
    js常用函数汇总(不定期更新)
    关于git stash的应用总结
    vue 自定义指令
  • 原文地址:https://www.cnblogs.com/taozizainali/p/8632206.html
Copyright © 2011-2022 走看看