web前端学习：JQuery选择器-1
【摘要】 选择器 就是为了获取元素的，CSS中设置元素的样式可以通过选择器(c1-c3都用)。JQuery中通过选择器来获取元素进行操作。DOM中获取元素的方式document.getElementById(); document.getElementByTagName(); document.getElementByClassName(); 代码多，长，麻烦，JQ中可以更简单，更方便。...
选择器
就是为了获取元素的，CSS中设置元素的样式可以通过选择器(c1-c3都用)。JQuery中通过选择器来获取元素进行操作。
DOM中获取元素的方式
document.getElementById();
document.getElementByTagName();
document.getElementByClassName();
代码多，长，麻烦，JQ中可以更简单，更方便。
常用的JQ选择器
id选择器,
标签选择器,
类选择器
$(“#btn”),$(“div”),$(“.cls”)$(“*”)所有的
标签+类选择器
标签加类选择器： $(li.cls)
多条件选择器
多条件选择器： $(span,li,div)
几个常见的方法
.html()方法,设置标签中间显示其他标签及内容,类似于 innerHTML
.text()方法,设置标签中间显示的文本内容,类似于 innerText
.val()方法.设置input标签中value的值,类似于value
.css()方法,.设置元素的样式,类似于style
注意:()中写字符串,一个参数,就是要设置的值,什么也不写,返回的是这个属性的值 .css()写的是键值对
层次选择器
后代选择器 (子元素中元素,子,仔仔,孙)
$(“#dv li”)或者$(“ul li”)或者$(“.cls li”)
子代选择器 (直接的所有子元素,儿子)
$(“#ul>li”)或者$(“div >span”)或者$(“.cls >li”)
【声明】本内容来自华为云开发者社区博主，不代表华为云及华为云开发者社区的观点和立场。转载时必须标注文章的来源（华为云社区）、文章链接、文章作者等基本信息，否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
作者其他文章
评论（0）