Heim > Web-Frontend > js-Tutorial > Hauptteil

jquery 查找新建元素代码_jquery

WBOY
Freigeben: 2016-05-16 18:23:37
Original
1226 Leute haben es durchsucht

复习一下
//html





    //js
    $('.dv').find('ul')->eq(0)->find('li')->each(function(i){
    var obj = $(this).find('a')->eq(0);
    $em = $('');//新建em元素
    $em.html(i);
    $em.insertBefore(obj);//把新元素插到查找到的元素前面
    });
    真方便哈!!!!

    关于jQuery的find方法的疑问
    find(expr)
      
      搜索所有与指定表达式匹配的元素。这个函数是找出正在处理的元素的后代元素的好方法。
      所有搜索都依靠jQuery表达式来完成。这个表达式可以使用CSS1-3的选择器语法来写。
      
      返回值
      jQuery
      
      参数
      expr (String) :用于查找的表达式
      
      示例
      从所有的段落开始,进一步搜索下面的span元素。与$("p span")相同。
      
    HTML 代码:   
      
    Hello, how are you?
    jQuery 代码:
      
      $("p").find("span")
      结果:
      
      [ Hello ]
    jquery 查询|jquery 查找元素|jquery 查找对象
    #id 返回值:Array#id
    概述
    根据给定的ID匹配一个元素。

    如果选择器中包含特殊字符,可以用两个斜杠转义。参见示例。

    参数
    idString
    用于搜索的,通过元素的 id 属性中给定的值

    示例
    描述:
    查找 ID 为"myDiv"的元素。

    HTML 代码:

    id="notMe"


    id="myDiv"
    jQuery 代码:
    $("#myDiv");结果:
    [
    id="myDiv"
    ]描述:
    查找含有特殊字符的元素

    HTML 代码:


    jQuery 代码:
    #foo\\:bar
    #foo\\[bar\\]
    #foo\\.barelement 返回值:Arrayelement概述根据给定的元素名匹配所有元素参数elementString一个用于搜索的元素。指向 DOM 节点的标签名。示例描述:查找一个 DIV 元素。HTML 代码:
    DIV1

    DIV2

    SPANjQuery 代码:$("div");结果:[
    DIV1
    ,
    DIV2
    ].class返回值:Array.class概述根据给定的类匹配元素。参数classString一个用以搜索的类。一个元素可以有多个类,只要有一个符合就能被匹配到。示例描述:查找所有类是 "myClass" 的元素.HTML 代码:
    div class="notMe"

    div class="myClass"

    span class="myClass"jQuery 代码:$(".myClass");结果:[
    div class="myClass"
    , span class="myClass" ] selector1,selector2,selectorN返回值:Arrayselector1,selector2,selectorN概述将每一个选择器匹配到的元素合并后一起返回。你可以指定任意多个选择器,并将匹配到的元素合并到一个结果内。参数selector1Selector一个有效的选择器selector2Selector另一个有效的选择器selectorN (可选)Selector任意多个有效选择器示例描述:找到匹配任意一个类的元素。HTML 代码:
    div

    p class="myClass"


    span

    p class="notMyClass"

    jQuery 代码:$("div,span,p.myClass")结果:[
    div
    ,

    p class="myClass"

    , span ]
    Verwandte Etiketten:
    Quelle:php.cn
    Erklärung dieser Website
    Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
    Beliebte Tutorials
    Mehr>
    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage