jQuery选择器有哪些 - 行业资讯 - 肥雀云_南京肥雀信息技术有限公司

　　介绍

这篇文章主要介绍jQuery选择器有哪些,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

<强> 1。使用方法

jQuery库位于一个JavaScript文件中,其中包含了所有的jQuery函数。

网页需要使用到jQuery时,需要先在网页中引入jQuery的js文件。

<强> 2。jQuery语法

jQuery语法是通过选取HTML元素,并对选取的元素执行某些操作。【相关视频教程推荐:jQuery教程】

基础语法形式:

 $(选择).action ()

例:

(“p")美元hide()//隐藏所有& lt; p>元素　　$ (“# myInfo") hide()//隐藏所有id=癿yInfo"之前的元素

<强>写法:

所有jQuery函数位于一个文档。准备的函数中。如下图。

这是为了防止文档在完全加载(就绪)之前运行jQuery代码,即在DOM加载完成后才可以对DOM进行操作。

如果在文档没有完全加载之前就运行函数,操作可能失败。

$(文档)时(函数(){//代码部分写在这里　　});

也可以简写成下面这样:

$(函数(){//这里写代码　　});

举例:

& lt; !DOCTYPE html> 　　& lt; html> 　　& lt; head> 　　& lt;元http-equiv=癈ontent-Type"内容=皌ext/html;charset=utf-8"/比; 　　& lt; title>我的测试JQuery 　　& lt;脚本类型=拔谋?javascript"src=https://www.yisu.com/zixun/薄?js/jquery-1.10.2.min.js "> 　　<脚本type=" text/javascript”> 　　$(函数(){ 　　$("按钮").click(函数(){ 　　$ (" # myDiv1”)。JQuery html(“你好世界”); 　　$ (" # myDiv1 ") . css(“背景颜色”,“绿色”); 　　}); 　　});> 头　　<身体> 　　<按钮类型=鞍磁ァ?点击> 　　身体　　

jQuery选择器有哪些“> <img src=

<强> 3。基本选择器

(1) <强>元素选择器:jQuery元素选择器基于元素名选取元素。

举例:使用元素选择器选择所有& lt; p>元素,将其隐藏。

& lt; !DOCTYPE html> 　　& lt; html> 　　& lt; head> 　　& lt;元http-equiv=癈ontent-Type"内容=皌ext/html;charset=utf-8"/比; 　　& lt; title>我的测试JQuery 　　& lt;脚本类型=拔谋?javascript"src=https://www.yisu.com/zixun/薄?js/jquery-1.10.2.min.js "> 　　<脚本type=" text/javascript”> 　　$(函数(){ 　　$("按钮").click(函数(){ 　　$ (p) hide (); 　　}); 　　　　});> 头　　<身体> 　　<按钮类型=鞍磁ァ?点击> p元素1

p元素2

　　身体　　

jQuery选择器有哪些“> <img src=

(2) <强> # id选择器:jQuery # id选择器通过html元素的id属性选取指定的元素。

页面中元素的id应该是唯一的,所以您要在页面中选取唯一的元素需要通过# id选择器

举例:使用# id选择器选择id=癿yDiv1"的元素,将其隐藏。

& lt; !DOCTYPE html> 　　& lt; html> 　　& lt; head> 　　& lt;元http-equiv=癈ontent-Type"内容=皌ext/html;charset=utf-8"/比; 　　& lt; title>我的测试JQuery 　　& lt;脚本类型=拔谋?javascript"src=https://www.yisu.com/zixun/薄?js/jquery-1.10.2.min.js "> 　　<脚本type=" text/javascript”> 　　$(函数(){ 　　$("按钮").click(函数(){ 　　$ (" # myDiv1 ") hide (); 　　}); 　　});> 头　　<身体> 　　<按钮类型=鞍磁ァ?点击> p元素1

p元素2

　　身体　　

jQuery选择器有哪些“> <h2 class= jQuery选择器有哪些