jQuery技术

Jquery常用的方法汇总(2)

字号+ 作者:H5之家 来源:H5之家 2015-10-10 12:16 我要评论( )

$("li title="其他"123/li");//创建li标签 属性为title=其他 内容为123 元素节点(标签名) 属性节点(属性 title="xxx") 文本标签(123) //text()文本节点 : text() : 函数/方法,是获得选定标签内部文本(人眼能够看到

        $("<li title="其他">123</li>");//创建<li>标签  属性为title=其他  内容为123
        元素节点(标签名)  属性节点(属性 title="xxx")  文本标签(123)

//text()文本节点 :

        text() : 函数/方法,是获得选定标签内部文本(人眼能够看到的内容)
        <li>123</li>
        var li = $("li").text();//获得了li的文本节点里面的数据(就是 123 这个内容)

//attr()获得属性/设置属性/更改属性 :

        <p title="aaa"></p>;

      var i = $("p").attr("title");//这是获得p标签里面的title属性的值
        $("p").attr("title"," bbb");//把p标签里面的title属性的值 更改为bbb

//removeAttr() 删除指定元素的属性值 :         

    removeAttr(xx,xx);删除属性值
    <p title="选择你最喜欢的水果." >你最喜欢的水果是?</p>
    $("p").removeAttr('title',"你最不喜欢的");//就是把p标签里面的title属性的值,(你最不喜欢的)删除

//append()添加元素 :

        将匹配到的子元素 添加到指定的父元素中.
        函数的链式调用 : 为什么可以链式调用?
            是因为前面的函数返回的仍然是调用的那个对象
            如下面 a.append(b).append(c) a是个父标签对象,调用函数把b添加进去,并且返回的值,还是a的对象,所以还可以在调用函数,把c也添加进去

    //a和b和c 都是标签的对象

            var $li_1 = $("<li></li>");//只创建了元素节点
            var $li_2 = $("<li></li>");
            var $parent = $("ul");

            $parent.append($li_1).append($li_2);
        a.append(b);//把 b 添加到 a 里面 的最后面(追加),a是父标签b是子标签
        a.append(c);//把 c 添加到 a 里面 的最后面(追加),a是父标签c是子标签
        a.append(b).append(c);//把b c 都添加到 a 里面 b 和 c 是同辈 只是b在c的上面 (链式的调用添加)
        a.prepend(b)//把 b 添加到 a 里面 的最前面 a是父标签 b是子标签
        a.insertAfter(b);//把 a 添加到 b 的 后面(同辈的)

        a.insertBefore(b);//把 a 添加到 b 的 前面(同辈的)
        //叫移动节点 
        //把我们指定元素插入匹配到元素的前面(指定的元素.insertBefore("匹配到的元素"))

//appendTo()添加元素 :

   //a是对象 b是标签名
    appendTo() : 是将制定元素添加到匹配的元素的集合中去

    $("li").appendTo("ul");//把li标签添加到ul中
    a.appendTo("b"); //是吧 b 添加到 a 的里面(a是标签 b是标签)
        指定元素.appendTo(匹配元素);

//删除元素(是隐藏)remove() :

        a.remove();//把 a 从html中删除(是隐藏)
        var $li = $("ul li:eq(1)").remove();//把ul 里面li标签的第二个删除   eq(1);就是下标为1的那个li元素 也就是第二个吧 因为下标从0开始
        $li.appendTo("ul");//把刚才删除的元素重新加入到ul里面
        $("ul li").remove("li[title !=苹果]");//把 ul 元素里面所有的 li 元素 title属性不是苹果的 都删除

//removeAttr() 删除指定元素的属性值 :         

    removeAttr(xx,xx);删除属性值
    <p title="选择你最喜欢的水果." >你最喜欢的水果是?</p>
    $("p").removeAttr('title',"你最不喜欢的");//就是把p标签里面的title属性的值,(你最不喜欢的)删除

//清空empty() :

        $("ul li:eq(1)").empty();//找到ul里面第二个li元素 并把内容删除,(文本节点,<li>内容(文本节点)<li>)

//复制选定的节点clone() :

        clone(true) : 复制节点,true的时候,节点绑定的事件监听也一起复制过去,不写默认为false

        $("li").clone()//复制当前节点
        $("li").clone().appendTo("ul");//复制li节点,并将它追加到ul中(是追加到 ul 的内部)
        $("li").clone(true).appendTo("ul");//复制li节点,并复制li绑定的事件监听,一起追加到ul中(是追加到 ul 的内部)

//替换选定的节点replaceWith(),replaceAll() :

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 7个有用的jQuery小技巧

    7个有用的jQuery小技巧

    2016-02-26 13:02

  • jQuery制作select双向选择列表

    jQuery制作select双向选择列表

    2016-02-26 11:00

  • 全面详细的jQuery常见开发技巧手册

    全面详细的jQuery常见开发技巧手册

    2016-02-26 10:02

  • 强大的jQuery移动插件Top 10

    强大的jQuery移动插件Top 10

    2016-02-25 09:05

网友点评
m