首页 > 代码库 > jQuery 第二课 —— 选择定位
jQuery 第二课 —— 选择定位
前言:
jQuery有着自己丰富多彩的功能方法,
但是不管实现什么功能或者方法,
最基础的就应该先选择定位到对象,
然后再对对象进行一系列的操作
本章目标:了解jQuery的多种选择器
内容:
jQuery常用的选择器有以下几种:
1.通过 id
2.通过 class
3.通过 tagName
4.后代选择器
5.子选择器
6.紧邻选择器
7.同辈选择器
8.选择多个
1.通过 id
关键符号 #
写法:$("#idName")
例子:
2.通过 class
关键符号 .
写法:$(".className")
例子:
3.通过 tagName
关键符号 标签名
写法:$("tagName")
例子:
4.后代选择器
关键符号 (空格)
写法:$("from input")
含义:from 标签内的所有后代 input 元素
例子:
5.子选择器
关键符号 >
写法:$("from>input")
含义:from 标签内子的 input 元素
例子:
6.紧邻选择器
关键符号 +
写法:$("span+input")
含义:span 标签下一个紧挨着同辈的 input
例子:
7.同辈选择器
关键符号 ~
写法:$("span~input")
含义:与 span 同辈的 input 标签
例子:
8.选择多个
关键符号 ,
写法:$("#a01,.c01")
含义:选定 id 为 a01,class 为 c01
例子:
总结:
jQuery 的 选择器是有多种多样的,
如果灵活的去运用也是需要多多练习,加以巩固
jQuery 第二课 —— 选择定位
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。