jquery 初步学习
首先 jQuery是一個輕量級的 JS框架，核心文件才幾十KB
?
1. jquery 對象
var $variable=jquery對象
var variable = DOM對象
$variable[0] # jquary對象轉化為dom對象
$($variable[0])# dom對象轉化為jquery對象
?
2。jQuery的基礎語法
$(selector).action()
id選擇器：$("#id")
類選擇器：$(".classname")
標簽選擇器 ：$("tagname")
配合使用：$("div.c1")
所有元素選擇器：$（"*"）
組合選擇器 ：$("#id,.c1,div") #擁有3個其中任意屬性的，取并集
層級選擇器：
$("x y") ? ? #x的所有后代y(子子孫孫)
$("x>y") ? ?#x的所有兒子中有y的
$("x+y") ? ?#緊跟著x后面的y（同一級別）
$("x~y") #x之后所有的兄弟Y
基本篩選器：
$("#div:first")
$("#div:last")
:eq(index) ? #索引值等于index的元素
：even 匹配索引值為偶數的元素
：odd ?匹配索引值為奇數的元素
：gt(index) 匹配所有大于給定索引值的元素
：lt (index) ?匹配所有小于給定索引值的元素
：not(元素選擇器) ?移除所有滿足not條件的標簽
：has(元素選擇器) 從后代中找包含在內的標簽
$("div:has(h1)") #注意找的是div標簽
$("div:has(.c1)")
$("li:not(.c1)")后代中不包含有a標簽的li標簽
?
屬性選擇器：
$("input[type='text']")取出類型是text的input標簽
表單常用篩選：
：text
:password
:file
:radio
:checkbox
:submit
:reset
:botton
$(":botton")#找到所有擁有button的標簽
表單對象屬性：
:enabled
:disabled
:checked
:selected
<form>
<input name="email" disabled="disabled"/>
<input name="id"/>
<form>
$("input":enabled) //找到可用的input標簽
?
篩選器：
下一個元素(同級之間)：
$("#id").next()
$("#id").nextall()
$("#id").nextUntil("#i2")直到找到id為i2的前面
父親元素：
$("#id").parent() ? ? ? ?#找到父類
$("#id").parents() #查找當前元素所有父類
$("#id").parentUntil("#i2") #查找當前元素所有的父輩元素，直到遇到匹配的那么元素為止
兒子和兄弟元素：
$("#id").children()? //兒子們
$("#id").siblings() //兄弟們
查找元素：$("#id").find() ?? // 找后代元素中擁有。。。。
.first()//獲取匹配第一個元素
.last()//獲取匹配最后一個元素
.not()//從匹配元素的集合中刪除與指定表達式匹配的元素
.has()//保留包含特定后代的元素
?
?$("div.c1")等價于$("div").filter(".c1")
?$("div .c1")等價于$("div").find(".c1")
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
")
?
轉載于:https://www.cnblogs.com/zhaoweihang/p/9133732.html
總結
以上是生活随笔為你收集整理的jquery 初步学习的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： tensorflow-eagerAPI
- 下一篇： LeetCode（38）： 报数