【技术】jQuery的selector & context

selector

返回传给jQuery()的原始选择器。

换句话说,就是返回你用什么选择器来找到这个元素的。可以与context一起使用,用于精确检测选择器查询情况。这两个属性对插件开发人员很有用。

html部分:

<body>
  <ul>
  </ul>
</body>

js部分:

$(function() {
  $("ul")
    .append("<li>" + $("ul").selector + "</li>")
    .append("<li>" + $("ul li").selector + "</li>")
    .append("<li>" + $("div#foo ul:not([class])").selector + "</li>");
});

context

返回传给jQuery()的原始的DOM节点内容,即jQuery()的第二个参数。如果没有指定,那么context指向当前的文档(document)。

可以与selector一起使用,用于精确检测选择器查询情况。这两个属性对插件开发人员很有用。

html部分:

<body>
  <ul>
  </ul>
</body>

js部分:

$(function() {
  $("ul")

    .append("<li>" + $("ul").context + "</li>")
    .append("<li>" + $("ul", document.body).context.nodeName + "</li>");

});

时间: 2024-10-15 01:42:23

【技术】jQuery的selector & context的相关文章

jQuery源代码学习笔记:jQuery.fn.init(selector,context,rootjQuery)代码具体解释

3.1 源代码 init: function( selector, context, rootjQuery ) { var match, elem, ret, doc; // Handle $(""), $(null), or $(undefined) //假设selector为空格.!selector为false if (!selector) { //此时this为空jQuery对象 return this; } // Handle $(DOMElement) //nodeType节

前端技术Jquery与Ajax使用总结

前端技术Jquery与Ajax使用总结 虽然主要是做的后端,但是由于有些时候也要写写前台的界面,因此也就学习了下Jquery和Ajax的一些知识,虽说此次写的这些对于前端大神来说有些班门弄斧的感觉,但是为了加深自己的记忆,还是总结一下下,有什么不对的地方欢迎大家指出~ 准备工作 由于我是使用的bootstrap,所以有些操作也是基于它来进行的,比如说模态框什么的,有关bootstrap的相关知识可以到这里去学习.然后这个项目用的是Struts框架.好了,基本情况就是酱紫了. 将jquery的包以

JQuery :Not() Selector Example

It’s been a while since I wrote about JQuery. I am spending most of my time these days on backend technologies. Recently while working on a typical requirement on UI, I had to play with some tricky JQuery selectors. Typically, most of the times we us

jquery attribute selector

Jquery attribute selector非常普遍在日常开发中 今天的case是,通过href 找a <li><a href="#SCOM">SCOM</a></li> $("[href='#VMHost']")[0].click(); 必须加上[0], 之前返回的是一个数组.

jQuery Custom Selector JQuery自定义选择器

什么是JQuery的选择器呢,详见JQuery中的Selector: http://docs.jquery.com/Selectors 比如 $("div:contains('John')").css("text-decoration", "underline");的contains选择器等等 JQuery自定义选择器的基本语法: $.expr[':'].test = function(obj, index, meta, stack){ /* o

[ jquery 属性 .selector ] 此选择器返回传给jQuery()的原始选择器

返回传给jQuery()的原始选择器:换句话说,就是返回你用什么选择器来找到这个元素的.可以与context一起使用,用于精确检测选择器查询情况.这两个属性对插件开发人员很有用 实例: <!DOCTYPE html> <html lang='zh-cn'> <head> <title>Insert you title</title> <meta http-equiv='description' content='this is my pag

Jquery的$(selector).each()和$.each()原理和区别

我们都用过Jqurey中的each函数,都知道each()有两种方式去调用,一种是通过$.each()调用,另一种是$(selector).each()去调用,那么它们之间有什么区别? 翻看一下Jquery源码就会知道,$.each()是核心的实现,$(selector).each()是调用的$.each(),先来分析一下$.each()的源码(在底部):  each(obj,callback,args)函数接收3个参数:obj--要遍历的对象或数组.callback--要遍历执行的回调函数.a

jquery的$(selector).each,$.each的区别

最近一直在研究JS,今天看到遍历模块的时候,看到了这个函数: $(selector).each(function( )) 但是想想,这个函数和之前项目里面用到的遍历数据的函数不是同一个呀(项目里面用到的函数:$.each(dataresource,function(index,element))),于是,就好好研究了下,果然在JS里面有两个相似的函数,于是也就有了今天的主题: 1.$(selector).each(function( )) 2.$.each(dataresource,functi

jQuery内核详解与实践读书笔记1:原型技术分解2

上一篇已经搭建了一个非常简陋的jQuery框架雏形,如没有阅读搭建过程,请先阅读<jQuery内核详解与实践读书笔记1:原型技术分解1>初始搭建过程.接下来,完成书中介绍的剩下三个步骤: 7. 延续--功能扩展 jQuery框架是通过extend()函数来扩展功能的,extend()函数的功能实现起来也很简单,它只是吧指定对象的方法复制给jQuery对象或jQuery.prototype对象,如下示例代码就为jQuery类和原型定义了一个扩展功能的函数extend(). 1 var $ = j