zoukankan      html  css  js  c++  java
  • jQuery-理解选择结果

    使用$函数选择元素返回的是一个对象,可以称这个对象为jQuery对象,在jQuery执行一些操作的时候很多情况下都是返回的jQuery对象。

    jQuery中常用处理结果集的方法和属性
    表达式 例子 说明 备注
    each(function)

    $("form:input").each(

    function(i){alert(this.id);}

    )

    遍历结果集,弹出每个元素的id

    i代表当前循环到的元素的序号;

    this代表当前元素对象。

    get(index) $(".text").get(3) 获得结果集中的第三个元素,并转换为HTMLElement对象  
    length $("p").length 返回结果集长度 同size()方法
    selector $("ul li:gt(2)").selector

    返回选择器的表达式,

    但并不是像超链接中介绍的返回字符串,而是undefined

    与结果集无关,不知作用。
    size() $("p").size() 返回结果集长度 同length属性
    toArray() $("ul li").toArray() 返回结果集的HTMLElement对象数组格式  

    问题思考:
      1)jQuery对象怎么得到普通HTMLElement对象
        答:get(index)、toArray()
      2)怎么由DOM对象生成jQuery对象
        答:$(DOM对象)
      3)迭代处理jQuery对象内含的DOM对象
        答:each(function)
      4)举例说明用jQuery比js方便?  

        答:

          1.修改多个元素

          几乎jQuery对象的内部的所有方法都是直接修改内部含的全部元素
          $("div").css('background','pink');
          2.链式方法调用
          调用一个方法修改jQuery内元素的内容,这个方法的返回结果依然是一个jQuery对象。

  • 相关阅读:
    nginx防止盗链
    Nginx防盗链详细设置
    [bzoj2127]happiness
    [bzoj2400]Optimal Marks
    [bzoj1738]发抖的牛
    [bzoj1741]穿越小行星群
    [bzoj3123]森林
    [bzoj2588]Count on a tree
    [bzoj3144]切糕
    [bzoj1787]紧急集合
  • 原文地址:https://www.cnblogs.com/yw0219/p/5944663.html
Copyright © 2011-2022 走看看