首页 > 代码库 > jQuery:自学笔记(2)——jQuery选择器
jQuery:自学笔记(2)——jQuery选择器
jQuery:自学笔记(2)——jQuery选择器
基本选择器
说明
jQuery的基本选择器与CSS的选择器相似：
实例
标签选择器
//使用标签选择器更改字体大小
$(div).css(‘font-size‘,‘18px‘)
$(div).css(‘font-size‘,‘18px‘)
ID选择器
//使用id选择器改变背景颜色
$(‘#div1‘).css(‘background‘,‘red‘);
$(‘#div1‘).css(‘background‘,‘red‘);
说明：ID选择器中，ID前面必须加一个#，以表明这是一个jQuery的ID选择器。
类选择器
//使用类选择器设置字体样式
$(‘.spanclass‘).css(‘font-style‘,‘body‘)
通配选择器$(‘.spanclass‘).css(‘font-style‘,‘body‘)
//通配符选择器
$(‘*‘).css(‘color‘,‘red‘);
$(‘*‘).css(‘color‘,‘red‘);
层次选择器
说明
网页中的ＤＯＭ结构表现为树状结构，在选择元素时，通过ＤＯＭ元素之间的层次关系，可以获取到需要的元素，比如当前节点的后代节点、父子关系的节点、兄弟关系的节点等等。
基本过滤选择器
说明
基本过滤选择器也可以称为简单过滤选择器，它是过滤选择器中最为广泛的一种，它主要用来选择首位、指定索引、奇数或偶数位的元素等等。
实例
属性过滤器
说明
属性过滤器是jQuery中非常有用的一种选择器，它可以基于HTML元素的属性来选择特定的元素。
除了根据不同的属性来选择元素，还可以根据不同的属性值来选取元素。
实例
表单选择器
表单选择器可以匹配当前文档或者某一个表单内部的所有的表单元素。
jQuery:自学笔记(2)——jQuery选择器
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。