位置: 编程技术 - 正文
推荐整理分享jQuery选择器基础入门教程(jquery选择器写法),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:jquery选择器的使用,jquery的选择器有哪些举例说明,jquery的选择器有哪些举例说明,jquery选择器写法,jquery选择器包含哪几大类,jquery选择器写法,jquery的选择器有哪些举例说明,jquery选择器的基本语法,内容如对您有帮助,希望把文章链接给更多的朋友!
本文实例讲述了jQuery选择器用法。分享给大家供大家参考,具体如下:
什么是jQuery选择器
使用JavaScript操作页面上得DOM元素时,首先要获取DOM元素。但是原始的javascript只元件根据ID或者TagName获取DOM对象。
在jQuery中则完全不同,jQuery提供了异常强大的选择器用以帮助我们获取页面上的对象,并且将对象以jquery对象的形式返回。
首先来看看什么是选择器。
上例中使用了id选择器,选取id为testDiv的DOM对象并将它放入jQuery对象,最后返回了一个jQuery对象。
现在通过jQueryObject变量就可以操作testDiv图层了,因为jQueryObject是一个jQuery对象,所以可以使用所有的jQuery对象方法。比如修改图层中的HTML内容:
通过ID选中元素是最有效率的jQuery选择器。这是因为在原始的javascript中就提供了选中id的方法document.getElementById()。有关选择器的使用技巧将在后面提到。
jQuery选择器的强大在于提供了丰富的选择器,如果使用原始javascript则需要编写很多的代码才能实现。这极大减少了开发人员的工作量。
jQuery选择器核心函数
jQuery选择器调用的是jQuery核心函数:
这个函数接收一个包含选择器表达式的字符串,然后用这个字符串去匹配一组元素。
jQuery的核心功能都是通过这个函数实现的。jQuery中的大部分功能都基于这个函数,或者说都是在以某种方式使用这个函数。该函数最基本的用法就是向他传递一个表达式(通常由CSS选择器组成),然后根据这个表达式查找所有匹配的元素。
默认情况下,如果没有指定context参数,$()将在当前的HTML document中查找DOM元素:如果指定了context参数,如一个dom元素集jQuery对象,则会在这个context中查找。在jQuery1.3.2以后,其返回的元素顺序等同于在context中出现的先后顺序。
参数说明如下:
~Expression:必选参数,选择器表达式。
~Context:可选参数,选择器上下文
~jQuery,选择器返回的jQuery对象,jQuery对象,jQuery对象是一个集合,可以使用链式语法调用各种jQuery函数。
Context参数能够缩小选择器的范围,加快查找速度。
更多关于jquery相关内容感兴趣的读者可查看本站专题:《jquery选择器用法总结》、《jquery常用操作技巧汇总》、《jQuery常见事件用法与技巧总结》、《jQuery操作json数据技巧汇总》、《jQuery操作xml技巧总结》及《jQuery扩展技巧总结》
希望本文所述对大家jquery程序设计有所帮助。
jquery实现点击弹出可放大居中及关闭的对话框(附demo源码下载) 本文实例讲述了jquery点击弹出可放大居中关闭对话框。分享给大家供大家参考,具体如下:运行效果截图如下:具体代码如下:!DOCTYPEhtmlPUBLIC"-//W3C//DTDXH
解决jquery无法找到其他父级子集问题的方法 本文为大家分享了jquery无法找到其他父级子集解决方法,供大家参考,具体内容如下方法一:结合php解决错乱问题,给选择项加入class删除class解决情况
jQuery事件的绑定、触发、及监听方法简单说明 如果你在写文章或者Demo,为了简单,你当然可以用事件监听函数,以及那些事件对象提供的方法等。但在实际中,有一些方法和属性是有兼容性问题的
标签: jquery选择器写法
本文链接地址:https://www.jiuchutong.com/biancheng/386540.html 转载请保留说明!上一篇:JavaScript之信息的封装 js对象入门(javascript消息对话框)
友情链接: 武汉网站建设