JQ选择器及简单介绍

JQ
1.API(应用程序接口:)
2.jq是JS一个高效且精简的库(用的多写的少),是Chrome出版的
3.选择器
4.jq内部有一个$的方法,他是jq的起始符或标志符,这个方法时用于获取元素
5.下载库或框架的方法:官网:production:发布版,上线用的,被压缩后的;development:开发版,没有被压缩的

<script src="jj.js"></script>

cdn加载

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
6.window.onload=function(){}和$(document).ready(function({}))的区别
window.onload是dom,文档,图片资源全部加载完成之后再执行
document.ready是dom,文档先加载,图片资源跳过
7.$是用于获取元素的方法,返回的是dom元素构成的集合对象
8.jq使用的是链式写法
每个方法使用完毕之后都会将前面的集合对象再次返回,所以jq才可以连缀
9.css的选择器
ID,class、标签、后代、子代、交集、并集、通配符、结构选择器、伪类选择器、属性、相邻、下一个、兄弟
$("*")---通配符,获取所有元素
$("#fahdha")---获取id="fahdha"的所有元素
$(".fahdha")---获取class="fahdha"的所有元素
$(".ahdha,.into")---获取class="fahdha"或class="into"的所有元素
$("p")---获取所有<p>元素
$("h1,div,p")---获取id="<h1>/<div>/<p>"的所有元素
$("p:first-child")第一个子元素必须是p的所有p元素
$("p:first-of-type")子元素中的第一个p元素的所有p元素
属性选择器
input专有

猜你喜欢

转载自www.cnblogs.com/mo123/p/10442376.html