jQuery
是一个包含DOM操作、事件处理、动画和Ajax功能的库，严格来说它不算一个框架。

  • $.trim()是jQuery提供的函数,用于去掉字符串首尾的空白字符，返回字符串
  • $(‘#search-btn’).keyup(),这是jQuery的选择器，keyup指按钮按下后，松手的那个事件。
  • jQuery的show()方法，与hide()对相应，用来显示和隐藏选中的元素
  • $(‘#username’).val()，提取某个id里面的数据
  • $(‘#username’).blur(…);在’#username’失去焦点的时候，做blur里面的内容，比如’#username’是个输入框

  • 学习代码(siblings可以理解成匹配其括号内的元素)：

    1
    $('.step-username').hide().siblings('.step-question').show();

  • $().html();html() 方法返回或设置被选元素的内容 (inner HTML),如果该方法未设置参数，则返回被选元素的当前内容

  • jQuery hasClass()方法：被选元素是否包含指定的类名称。如果被选元素包含指定的类，该方法返回 “true”。

  • jQuery addClass()方法：向被选元素添加一个或多个类。该方法不会移除已存在的 class 属性，仅仅添加一个或多个 class 属性。
  • jQuery removeClass()方法：从被选元素移除一个或多个类。注释：如果没有规定参数，则该方法将从被选元素中删除所有类。
  • jQuery html() 方法:
    • html() 方法设置或返回被选元素的内容（innerHTML）。
    • 当该方法用于返回内容时，则返回第一个匹配元素的内容。
    • 当该方法用于设置内容时，则重写所有匹配元素的内容。
  • jQuery.extend()方法：用于将一个或多个对象的内容合并到目标对象。$.extend( target [, object1 ] [, objectN ] )

  • jQuery on() 方法：在被选元素及子元素上添加一个或多个事件处理程序。自 jQuery 版本 1.7 起，on() 方法是 bind()、live() 和 delegate() 方法的新的替代品。

    • 注意：使用 on() 方法添加的事件处理程序适用于当前及未来的元素（比如由脚本创建的新元素）。
    • 提示：如需移除事件处理程序，请使用 off() 方法。
    • 提示：如需添加只运行一次的事件然后移除，请使用 one() 方法。
    • $(document).on(‘click’, ‘.cart-select’, function(){});表示给.cart-select绑定一个点击事件，执行的函数是function。
    • jQuery的parents():获得当前匹配元素集合中每个元素的祖先元素
      • 如果只是想直接指向其父级元素的话，可以直接使用parent()，什么参数都不加
      • 如果想沿着父级一直往上找，这时应用parents()，带参数
    • jQuery的data() 方法向被选元素附加数据，或者从被选元素获取数据
      • 附加数据时：$(selector).data(name,value)。
      • name 必需。规定要设置的数据的名称。value 必需。规定要设置的数据的值。
      • 其中data在html中存储的方式即为data-*属性，data-后面的即为name,值即为value
    • jQuery的is() 根据选择器、元素或 jQuery 对象来检测匹配元素集合，如果这些元素中至少有一个元素匹配给定的参数，则返回 true。
      • 语法：.is(selector)
    • $(“input[type=’checkbox’]”)

    • $(this)

      1
      2
      3
      4
      5
      $(document).ready(function(){  
      $("p").click(function(){  
        $(this).hide();//$(this)是在方法click内，此处的$(this)表示的是当前调用click方法的对象$("p")，就是表示当前对象，当前调用该方法的对象  
      });  
      });

  • jQuery find() 方法获得当前元素集合中每个元素的后代。

    • $("p").find("span").css('color','red');
  • jQUery empty() 方法从被选元素(包括被选元素)移除所有内容，包括所有文本和节点。
  • jQuery val() 方法返回或设置被选元素的值。如果该方法未设置参数，则返回被选元素的当前值

  • jQuery attr() 方法设置或返回被选元素的属性值。例：$orderNumber.attr('href',$orderNumber.attr(href) + orderNumber);

  • jQuery get() 方法:$.get(URL,data,function(data,status,xhr),dataType)

    • URL：请求的地址
    • data:可选。规定连同请求发送到服务器的数据。
    • function:可选。规定当请求成功时运行的函数。
    • dataType: 可选。规定预期的服务器响应的数据类型。
  • jQuery attr() 方法：attr() 方法设置或返回被选元素的属性值。–$(selector).attr(attribute)
    • 这东西也可以用来直接添加属性