手机版

Jquery学习笔记(二)

时间:2021-10-26 来源:互联网 编辑:宝哥软件园 浏览:

选择器从一开始,看到像Jquery这样的选择器就让我想起了CSS的选择器,这是一样的。CSS的选择器语法个人来说是相当经典的,所以毫无疑问Jquery可以借鉴CSS。让我们回顾一下Jquery 的选择器。

H1是选择器,color:red和background:#d00和declaration,它们的组合称为{}中的declaration block颜色和背景称为属性;红色和#d00称为值。选择器类别可以分为以下几类:标签选择器:p{CSS规则} id选择器:#ID{CSS规则}类选择器:类{CSS规则}组选择器:h1,h2,h3,h4,h5,H6{CSS规则}后代选择器:div p{CSS规则}通用选择器:*{CSS规则}伪类选择器:a:link,a:visited {规则}。此外,还有不常用的多类选择器、属性选择器、部分属性选择器、相邻兄弟选择器、子选择器等。你可以详细参与《CSS权威手册》或http://www.w3.org/TR/CSS2/selector.html这本书。因此,理解Jquery中的$(“# ID”)并不难。Jquery中的基本选择器包括*,类,元素,id和这个分组方式:selector1,selector2,…或者看综合例子:选项1,选项2,选项3,选项4

标题一

标题二

标题三

按钮[Ctrl A: Note :所有选择都需要刷新后才能执行]

2.层次选择器不用说,层次选择器的思想来源于CSS;实际上,$('div span')//选择div $('divspan ')中的所有span元素//选择div元素$('prev next ')下基元名称为span的元素//选择prev元素$(' prev ~ sized ')后紧接着选择下一个元素//选择prev元素后所有兄弟元素示例:复制代码如下: $ (function () {$ ('ul Li ')。CSS ('color ',' # f00 ');$(“div span”)。css('color ',' # 008000 ');$(“div span”)。css('color ',' # d00 ');$('div~span ')。css('背景',' # ffc ');});/script/head body div span text I/span/div span text II/span span text III/span ul Li选项I /li li选项II /li li选择III/li/ul

版权声明:Jquery学习笔记(二)是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。