《jQuery第二章》
一、CSS选择器
CSS选择器: 方便获取HTML的元素。
1.标签选择器:直接通过标签名即可获取元素
2.类(class)选择器:语法:.xxx ?表示获取class为xxx的元素
3.id选择器:语法:#xxx ?表示获取id为xxx的元素 ?注意:确保id在本网页的唯一性
4.群组选择器:语法:xxx,xxx,xxx ?通过,分割将所有选择器进行统一操作
5.后代选择器:语法:父 ?子 ?通过空格获取父下面的所有的子元素包括孙子...
6.子代选择器:语法:父>子 ?通过大于号获取父下面的子元素 ?只能获取儿子
二、?jquery对象
$(xxx) 的相关概念:
jquery中最常见的函数. ?有2个作用:
1. 作为元素选择器 来获取元素.(修改元素。)
只需要要css选择器 通过字符串的形式作为参数传递进行即可
例如$("p") ?表示获取所有的p标签
例如$(".p") ?表示获取所有class为p的元素
? ??
2. 预加载函数(文档就绪函数) ? 先将HTML加载完成 再来执行我 ?用法:将function作为参数传递即可
如果可以保证js代码在HTML下方. 就可以不用该函数
三、query自创选择器
jquery不仅可以使用CSS选择器 ?也有自带的选择器。
如下:
:eq(xxx)选择器 ? 表示获取第xxx个 ?0表示第一个
$("span:eq(4)").text("~~~")
:lt(xxx)选择器 ? 表示获取小于xxx的元素 ?0表示第一个
$("span:lt(4)").text("~~~")
? ? ? ? ? ?
:gt(xxx)选择器 ? 表示获取大于xxx的元素 ?0表示第一个
$("span:gt(2)").text("~~~")
:not选择器--> 表示获取除了指定位置外的其他元素
$("span:not(:gt(2))").text("~~~");
:even选择器 ?获取下标为偶数 ?
$("div:even").css("background-color","Red");
? ? ? ? ? ?
:odd选择器 ?获取下标为为奇数
$("div:odd").css("background-color","blue");
? ? ? ? ? ?
:first选择器 ?获取下标为0
$("div:first").css("background-color","yellow");
? ? ? ? ? ?
:last选择器 ?获取最后一个
$("div:last").css("background-color","pink");
? ? ? ? ? ?
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!