我的学习方法:先入门,后进阶!本系列文章分为:基本篇、层次篇、简单篇、内容篇、可见性篇、属性篇、子元素篇、表单篇、表单对象属性篇共9篇文章。详细介绍页面 http://demo.jb51.net/html/jquery/jQuery-Selector.htmljQuery-Selectors .div { width:95%; margin-left:15px; margin-top:15px; margin-right:15px; padding-left:5px; padding-top:5px; padding-bottom:5px; background-color:#ccc; border:#999 1px solid; lin...
本系列文章分为:基本篇、层次篇、简单篇、内容篇、可见性篇、属性篇、子元素篇、表单篇、表单对象属性篇共9篇文章。 本篇讲解:[attribute],[attribute=value],[attribute!=value],[attribute^=value],[attribute$=value],[attribute*=value],[selector1][selector2][selectorN]的用法。 您对本系列文章有任何建议或意见请发送到邮箱:sjzlgt@qq.com 由于是第一次写技术性系列文章,难免会出错或代码BUG,欢迎指出,在此谢过! 运...
本系列文章分为:基本篇、层次篇、简单篇、内容篇、可见性篇、属性篇、子元素篇、表单篇、表单对象属性篇共9篇文章。 本篇讲解::enabled,:disabled,:checked,:selected的用法。 您对本系列文章有任何建议或意见请发送到邮箱:sjzlgt@qq.com 由于是第一次写技术性系列文章,难免会出错或代码BUG,欢迎指出,在此谢过! 运行后,需要刷新下,加载下jqueryjQuery-Selectors-9 .div { width:95%; margin-left:15px; margin-top:15px;...
本系列文章分为:基本篇、层次篇、简单篇、内容篇、可见性篇、属性篇、子元素篇、表单篇、表单对象属性篇共9篇文章。 本篇讲解::nth-child(index/even/odd/equation),:first-child,:last-child,:only-child的用法。 您对本系列文章有任何建议或意见请发送到邮箱:sjzlgt@qq.com 由于是第一次写技术性系列文章,难免会出错或代码BUG,欢迎指出,在此谢过! 您可以到jQuery官网来学习更多的有关jQuery知识。 运行后,请刷新下,因为...
//jQuery 选择器 $ //$(expression,[context]) return jQuery //Unit One //expression 之 CSS 定义符 就是以CSS语法表示所要选择的元素 // $("*"); // 表示页面所有元素标签 // $("th, td") // 表示所有元素标签 // $("a") // 表示所有元素标签 // $("div#onlydiv"); // 表示CSS选择中id=onlyidv的元素 $("#ID")为全文档匹配 // $("#rating"); // 表示id=rating的元素 // $("#orderedlist > li"); // 表示id=orderedlist 所有子元...
当用querySelector()或querySelectorAll()查找类似name="2nd_btn"的元素时,FF,chrome和IE8都会报错。 FF,chrome报的错是一样的,如下所示: Error: uncaught exception: [Exception... "An invalid or illegal string was specified" code: "12" nsresult: "0x8053000c (NS_ERROR_DOM_SYNTAX_ERR)" location: ".../test/qsa.html Line: 18"] IE8的报错提示:行: 18 错误: 参数无效。 一寻思,name的值是以数字开头的,把数字去掉...
querySelector 和 querySelectorAll 方法是 W3C Selectors API 规范中定义的。他们的作用是根据 CSS 选择器规范,便捷定位文档中指定元素。 目前几乎主流浏览器均支持了他们。包括 IE8(含) 以上版本、 Firefox、 Chrome、Safari、Opera。 querySelector 和 querySelectorAll 在规范中定义了如下接口:module dom { [Supplemental, NoInterfaceObject] interface NodeSelector { Element querySelector(in DOMString selectors); No...
一开始很多人都会拿jquery的选择器来跟这两个api做对比(我也是),比较异同本来没事,但却使一些同学对这两个api在浏览器中的实现产生了误解,特别是再dom element上调用此api时。 下面是我的jsFiddle示例,我就以此展开说明: 代码如下: (function(global) { global.doc = document; global.body = doc.getElementsByTagName(body)[0]; global.$ = function(id) { return doc.getElementById(id); } global.Logger = function(i...
一开始很多人都会拿jquery的选择器来跟这两个api做对比(我也是),比较异同本来没事,但却使一些同学对这两个api在浏览器中的实现产生了误解,特别是再dom element上调用此api时。 下面是我的jsFiddle示例,我就以此展开说明: js代码: 代码如下: (function(global) { global.doc = document; global.body = doc.getElementsByTagName(body)[0]; global.$ = function(id) { return doc.getElementById(id); } global.Logger = fu...
JQuery魔力(一)$("tagName") DOM 中的 getElementsByTagName()方法在JQuery中的表现就是$("tagName")这么简单! 匿名函数来解决 window.onload 事件 对页面上的所有"div"标记下手,定义统一的外观 对"body"标记定义外观 动态添加一个"span"标记将其放置在"body"里 代码如下: JQuery 测试 $(function () { $("div").width(100) .css("color", "red") .css("margin", "20px") .css("border", "dotted 1px green"); $(document...
先按W3C的规范来说这两个方法应该返回的内容吧: querySelector: return the first matching Element node within the node's subtrees. If there is no such node, the method must return null.(返回指定元素节点的子树中匹配selector的集合中的第一个,如果没有匹配,返回null) querySelectorAll: return a NodeList containing all of the matching Element nodes within the node's subtrees, in document order. If ther...
这是sina同事xiaoniu发现的,如下 代码如下: var str = '02E503E2A1C011CFC85B7B701A0677EC0900000000000001'; function bySelector(id) { return document.querySelector('#'+id); } function byId(id) { return document.getElementById(id); } alert(bySelector(str)); alert(byId(str)); 两个函数bySelector,byId分别通过querySelector和getElementById获取元素. 页面上有id为“02E503E2A1C011CFC85B7B701A0677E...
querySelector和querySelectorAll是W3C提供的新的查询接口 代码如下: module dom { [Supplemental, NoInterfaceObject] interface NodeSelector { Element querySelector(in DOMString selectors); NodeList querySelectorAll(in DOMString selectors); }; Document implements NodeSelector; DocumentFragment implements NodeSelector; Element implements NodeSelector; }; [html] 从接口定义可以看到Document、DocumentFragmen...
query是一个javascript css selector engine,小巧而功能强大,压缩后2k左右,可以很轻松的集成到代码当中。支持浏览器 IE6+、Firefox、Chrome、Safari、Opera 选择器query(selector[,context]) div #intro div#intro .red span.red [name] [name=keywords] input[name] input[name=keywords] input[name=keywords] input[name=...
本文实例讲述了jQuery对象的selector属性用法。分享给大家供大家参考。具体分析如下: 此属性返回传给jQuery的原始选择器,也就是说返回jQuery是用哪个选择器匹配到当前元素。 selector属性可以与context配合使用,用于精确检测选择器查询情况。 语法结构:代码如下:$("selector").selector 实例代码:代码如下:脚本之家 $(document).ready(function(){ $("#btn").click(function(){ $("div").text("原始选择器是:"+$("ul li").sele...