jquery类选择器写法
本篇文章给大家带来《jquery类选择器写法》,石家庄人才网对文章内容进行了深度展开说明,希望对各位有所帮助,记得收藏本站。
jQuery 使用 CSS 选择器来选取 HTML 元素。$("p") 选取 <p> 元素。 $(".intro") 选取 class="intro" 的所有元素。 $("#intro") 选取 id="intro" 的元素。
jQuery 类选择器 类选择器用于选取带有指定 class 的 HTML 元素。 可以使用 jQuery 选择器来选择元素。 语法: $(.class) 详细说明 .class 是指 HTML 元素的 class 属性值,前面要加点号(.)。 如果被选中的元素有多个class属性值,那么只要其中一个符合就可以选中。 jQuery 使用 CSS 语法来选取 HTML 元素。 提示:jQuery 使用 XPath 表达式来选择带有特定属性的元素。 $(document).ready(function(){ $(.intro).css("background-color", "yellow"); }
); 尝试一下 ? 实例 在本例中,所有拥有 intro 类的 HTML 元素,背景颜色都将被设置为黄色。 <html> <head> <script type="text/javascript" src="/jquery/jquery-1.3.2.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(.intro).css("background-color", "yellow"); }); </script> </head> <body> <h2 class="intro">This is a heading</h2> <p class="intro">This is a paragraph.</p> <p>This is another paragraph.</p> </body> </html> 亲自试一试jQuery 类选择器,顾名思义,就是通过class样式来获取页面元素,jquery类选择器在平时开发中是使用最多的一个选择器,所以我们今天来详细讲解jquery类选择器的使用方法,以及使用jquery类选择器时需要注意的事项! 一.Jquery类选择器基础 jquery类选择器格式: $(“.class”), 其中class是class样式名称,注意:前面有一个点“.” 例如: <p class="test">石家庄人才网小编</p>,我们要获取页面class为test的元素,jquery类选择器写法如下: $(“.test”) 二.Jquery类选择器使用 1.获取页面class属性值为test的元素,并且设置其背景颜色为红色 $(“.test”).css(“background-color”,”red”); 2.获取页面class属性值为test的元素,并且设置其字体颜色为蓝色 $(“.test”).css(“color”,”blue”); 三.Jquery类选择器注意事项 1.可以使用多个类选择器获取页面中相同的元素 例如: <p class="test1 test2">测试文字</p> 我们可以这样获取 $(“.test1”).css(“background-color”,”red”); $(“.test2”).css(“background-color”,”red”); 2.可以使用标签选择器与jquery类选择器一起获取元素 例如: <p class="test">测试文字</p> 我们可以这样获取 $(“p.test”).css(“background-color”,”red”);
有关《jquery类选择器写法》的内容介绍到这里,想要了解更多相关内容记得收藏关注本站。
- 上一篇:elementary
- 下一篇:返回列表
版权声明:《jquery类选择器写法》来自【石家庄人才网】收集整理于网络,不代表本站立场,所有图片文章版权属于原作者,如有侵略,联系删除。
https://www.ymil.cn/quanzi/20012.html