jQuery选择器有哪些
这篇文章主要介绍jQuery选择器有哪些,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
站在用户的角度思考问题,与客户深入沟通,找到双牌网站设计与双牌网站推广的解决方案,凭借多年的经验,让设计与互联网技术结合,创造个性化、用户体验好的作品,建站类型包括:成都网站设计、成都网站建设、企业官网、英文网站、手机端网站、网站推广、国际域名空间、网站空间、企业邮箱。业务覆盖双牌地区。
1. 使用方法
jQuery 库位于一个 JavaScript 文件中,其中包含了所有的 jQuery 函数。
网页需要使用到 jQuery 时,需要先在网页中引入 jQuery 的 js文件。
My Test JQuery
2. jQuery 语法
jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作。【相关视频教程推荐:jQuery教程】
基础语法形式:
$(selector).action()
例:
$("p").hide() // 隐藏所有元素 $("#myInfo").hide() // 隐藏所有 id="myInfo" 的元素
写法:
所有 jQuery 函数位于一个 document.ready 的函数中。如下图。
这是为了防止文档在完全加载(就绪)之前运行 jQuery 代码,即在 DOM 加载完成后才可以对 DOM 进行操作。
如果在文档没有完全加载之前就运行函数,操作可能失败。
$(document).ready(function(){ // 代码部分写在这里 });
也可以简写成下面这样:
$(function(){ // 这里写代码 });
举例:
My Test JQuery Hello
3. 基本选择器
(1) 元素选择器: jQuery 元素选择器基于元素名选取元素。
举例:使用元素选择器选择所有
元素,将其隐藏。
My Test JQuery p元素1
p元素2
Hello
(2) #id 选择器:jQuery #id 选择器通过 HTML 元素的 id 属性选取指定的元素。
页面中元素的 id 应该是唯一的,所以您要在页面中选取唯一的元素需要通过 #id 选择器
举例:使用 #id 选择器选择 id="myDiv1"的元素,将其隐藏。
My Test JQuery p元素1
p元素2
Hello
(3) .class 选择器:jQuery 类选择器可以通过指定的 class 查找元素。
举例:使用类选择器选择Class=“myClass1”的元素,将其隐藏。
My Test JQuery p元素1
p元素2
Hello你好
以上是jQuery选择器有哪些的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!
当前文章:jQuery选择器有哪些
文章转载:http://ybzwz.com/article/jgisep.html