欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
您的位置:DIVCSS5首页 > HTML >
  jQuery( selector [, context ] )
  
  描述: 接受一个包含一个CSS选择器的字符串,用于匹配的一组元素。
  
  添加的版本: 1.0jQuery( selector [, context ] )
  
  selector
  
  类型: selector
  
  一个包含CSS选择器的字符串
  
  context
  
  类型: Element, jQuery
  
  一个DOM 元素、文档或 作为上下文(context)的jQuery 对象。
  
  添加的版本: 1.0jQuery( element )
  
  element
  
  类型: Element
  
  一个用于封装成jQuery对象的DOM元素。
  
  添加的版本: 1.0jQuery( elementArray )
  
  elementArray
  
  类型: Array
  
  一个用于封装成jQuery对象的DOM元素数组。
  
  添加的版本: 1.0jQuery( object )
  
  object
  
  类型: PlainObject
  
  一个普通的对象包装在一个jQuery对象。
  
  添加的版本: 1.0jQuery( jQuery object )
  
  jQuery object
  
  类型: PlainObject
  
  一个用于克隆的jQuery对象。
  
  添加的版本: 1.4jQuery()
  
  这个方法不接受任何参数。
  
  在上文列出的第一个公式中,jQuery() — 这个也可以写成 $() — 通过提供的选择器检索任何DOM元素并且通过这些元素创建一个新的jQuery对象:
  
  $( "div.foo" );
  
  如果提供的选择器没有相匹配的,新的jQuery对象是“空”;即,它不包含任何元素,.length属性为0。
  
  Selector Context(上下文选择器)
  
  默认情况下,选择器是从文档根节点开始执行搜索。然而,可以给$()函数传递一个用于上下文检索的第二个可选参数(注:第二个上下文参数用于来指定选择器查找的范围)。 举个例子,如果在一个回调函数中我们希望为一个元素做一个检索, 我们可以限制搜索的范围:
  
  $( "div.foo" ).click(function() {
  
  $(  "span", this ).addClass( "bar" );
  
  });
  
  由于我们限制这个span选择器的上下文为 this, 只有在点击元素里的span将会被附加样式。
  
  在jQuery内部,选择器上下文是使用.find()方法的,所以  $('span', this) 等价于$(this).find('span')。
  
  Using DOM elements(使用DOM节点)
  
  这个函数的第二个和第三个的方式使用一个或多个DOM元素或者我们用其他一些方式已找到的元素,创建一个jQuery对象.
  
  注意:这些方式意思仅消耗DOM元素;输送混合数据给 elementArray(元素数组) 的形式是特别鼓励。
  
  这个设备普遍使用jQuery方法通过一个回调函数传递this关键字 :
  
  $( "div.foo" ).click(function() {
  
  $(this).slideUp();
  
  });
  
  这个例子,当点击使得这些元素隐藏的时候使用了滑动动画。因为事件处理通过 this 关键字,接收到了被点击的元素,但是该元素是原生的 DOM 元素,所以需要通过 $() 函数,将它转换成 jQuery 对象,然后就可以在该 jQuery 对象上调用 jQuery 方法了。
  
  当一个Ajax请求返回XML数据时,我们可以使用 $() 方法去把他包含在jQuery对象中,我们可以很容易的工作。一旦这样做了之后,我们可以使用.find()和其他DOM遍历方法在XML结构中检索特定元素。
  
  $.post( "url.xml", function(data) {
  
  var $child = $(data).find("child");
  
  })

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h64037.shtml

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
CSS教程文章修订日期:2018-08-14 17:37 原创:DIVCSS5
本文www.divcss5.com DIVCSS5版权所有。