這篇文章主要為大家展示了“jQuery入門基礎(chǔ)知識(shí)點(diǎn)有哪些”,內(nèi)容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“jQuery入門基礎(chǔ)知識(shí)點(diǎn)有哪些”這篇文章吧。
成都創(chuàng)新互聯(lián)公司2013年開創(chuàng)至今,是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司,擁有項(xiàng)目成都網(wǎng)站制作、成都網(wǎng)站建設(shè)、外貿(mào)營銷網(wǎng)站建設(shè)網(wǎng)站策劃,項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢想脫穎而出為使命,1280元西城做網(wǎng)站,已為上家服務(wù),為西城各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:13518219792什么是jQuery?
jquery 是 js的封裝的一個(gè)框架 快速開發(fā)
優(yōu)點(diǎn):寫的少 做的比較多 處理瀏覽器之間的兼容性
把js的大量語法進(jìn)行封裝
大量的方法
大量的學(xué)習(xí)方法和dom之類
jquery庫 在head body里面都是可以引入
在寫jquery 代碼的時(shí)候先引入jquery文件(庫)
才能去寫常規(guī)的jquery代碼
(先跑庫代碼 在走寫的jquery代碼)
<script src="jquery/jquery.js"></script> window.jQuery==window.$=jQuery
所以在jquery里面書寫是用$
jquery dom獲取的時(shí)候注意元素是否初始化.若不考慮是否初始化 需要以下加載函數(shù)
注意:jquery 加載函數(shù) 類似 瀏覽器的加載完成事件window.onload
$(document).ready(function () { console.log("加載完成"); console.log($("#btn")); });
簡寫為
$(function(){ })
dom元素獲取方式
注意:jquery對(duì)象返回的是一個(gè)集合 直接使用
jquery 代碼可以進(jìn)行隱式迭代器 (可以進(jìn)行一堆的操作)
1)基本選擇器
id class 元素 * 復(fù)合元素選取$("button,input")
2)層次選擇器
獲取子元素 +獲取下一個(gè)元素 ~獲取當(dāng)前元素后面的所有元素 以及空格
3)基本篩選器
first last not除了當(dāng)前的其他所有元素
even odd 按照索引的奇數(shù)偶數(shù)來獲取
eq gt lt獲取等于 大于 小于索引的元素
header獲取所有的h標(biāo)簽
focus 獲得獲焦的元素
root 直接獲取html
4)內(nèi)容選擇器
contains 包含某內(nèi)容
empty空元素
has包含某個(gè)元素
parent 匹配的元素必須是父元素
5)可見性
hidden隱藏
visible顯示
6)屬性
[attribute]包含某屬性的元素
[attribute=value]//指定獲取某元素滿足屬性=屬性值
[attribute!=value]//屬性不等于該值的或者不含有該屬性的
[attribute^=value]//以什么開頭
[attribute$=value]//以什么結(jié)尾
[attribute=value]//包含某值
$("button[attrSel1][attrSel2][attrSelN]")三者都具備都有的元素
$("button[id='btn'][class='btn']")//兩個(gè)都要滿足與的關(guān)系
$("button[id!='btn'][class!='btn']");//有id就考慮id是不是不等于該值 沒有id就只考慮class是否滿足條件 若滿足就可獲取
7)子元素過濾選擇器
:first-child 第一個(gè)孩子
:first-of-type1.9+ 如果寫指定標(biāo)簽 獲取指定標(biāo)簽里面的第一個(gè) 如果沒寫 獲取所有類型標(biāo)簽里面的第一個(gè)
:last-of-type1.9+ 匹配同類型的最后一個(gè)
:nth-child 第幾個(gè)孩子 1開始
:nth-last-child()1.9+ 倒著說第幾個(gè)孩子 1開始
:nth-last-of-type()1.9+ 后往前 按類型獲取標(biāo)簽里面的最后一個(gè)
:nth-of-type()1.9+ 前往后 按類型獲取標(biāo)簽里面的第n個(gè)
:only-child 匹配的元素必須是父元素的唯一子元素
:only-of-type1.9+/ 獲取父元素里面同類型標(biāo)簽里面只有唯一的一個(gè)標(biāo)簽 全部獲取到
8)表單元素選擇器
:input 匹配所有 input, textarea, select 和 button 元素
:text 獲取單行文本框的
:password 獲取密碼框的
:radio //獲取單選按鈕的
:checkbox //獲取復(fù)選框的
:submit //獲取表單提交的
:image
:reset 獲取重置按鈕
:button 獲取button
:file 獲取文件路徑
以上是“jQuery入門基礎(chǔ)知識(shí)點(diǎn)有哪些”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對(duì)大家有所幫助,如果還想學(xué)習(xí)更多知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)-成都網(wǎng)站建設(shè)公司行業(yè)資訊頻道!
名稱欄目:jQuery入門基礎(chǔ)知識(shí)點(diǎn)有哪些-創(chuàng)新互聯(lián)
URL標(biāo)題:http://muchs.cn/article30/cdejpo.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供云服務(wù)器、響應(yīng)式網(wǎng)站、App設(shè)計(jì)、商城網(wǎng)站、網(wǎng)站建設(shè)、品牌網(wǎng)站設(shè)計(jì)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容