首页 > web前端 > js教程 > 正文

jquery 查找新建元素代码_jquery

WBOY
发布: 2016-05-16 18:23:37
原创
1226 人浏览过

复习一下
//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 ]
    相关标签:
    来源:php.cn
    本站声明
    本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
    最新问题
    热门教程
    更多>
    最新下载
    更多>
    网站特效
    网站源码
    网站素材
    前端模板