在千峰「逆戰」學習的第17天

今天學習了自定義檔案上傳，jquery的入門案例以及基本、層次和過濾選擇器。

繼續加油！奧利給！

人生重要的不是所站的位置，而是所朝的方向

中國加油！武漢加油！千鋒加油！我自己加油

jquery是什麼?

jquery是乙個js的類庫檔案

01_jquery入門

jquery是什麼? jquery是乙個js的類庫檔案什麼是js類庫檔案? 別人寫好的js**,我們拿過來呼叫的這些js** 被稱作js庫檔案. jquery的作用 : 在js的基礎部分以及js操作dom和js實現ajax等過程中.暴漏了不少問題,例如複雜的dom操作和煩冗的ajax操作等. 為了簡化js的開發,各種js庫誕生了.各種js庫都封裝了很多預定義的物件和實用函式,能夠幫助使用者建立非常漂亮的瀏覽器中的頁面,並且相容各大瀏覽器.

自定義js庫

02_jquery物件和dom物件

什麼是dom物件文件物件模型,每乙份dom都可以表示成一顆樹. 什麼是jquery物件 jquery物件就是通過jquery包裝dom物件後產生的物件,可以使用jquey方法 jquery物件和dom物件的相互轉換 query物件不能使用dom物件的方法,dom物件不能使用jquery物件的方法.但是它們可以相互轉換. jquery物件轉dom物件 $("div").get(0);

$("div")[0];

03_jqeury選擇器

概念 選擇器是jquery的根基,在jquery中,對事件處理,遍歷dom和ajax操作都依賴於選擇器.如果能熟 練地使用選擇器,不僅能簡化**,而且可以達到事半功倍的效果.
基本選擇器
id選擇器 $("#id"); 
類選擇器 $(".classname"); 
標籤選擇器 $("div"); 
萬用字元選擇器 $("*"); 
層次選擇器
層次選擇器:從父子關係和兄弟關係來進行選擇頁面節點 
$("a b") :a節點的所有後代節點b都被選中 
$("a > b") :a節點的所有子節點b都被選中 
$("a + b") :a節點之後的第乙個兄弟節點b 
$("a ~ b") :a節點之後的所有兄弟節點b 
過濾選擇器
基本過濾選擇器 從位置的角度來對頁面的標籤進行過濾選擇
$("tagname:first"):選擇第乙個tagname標籤 
$("tagname:last") :選擇最後乙個tagname標籤 
$("tagname:eq(2)"):選擇腳標為2的tagname標籤 
$("tagname:gt(2)"):選擇腳標大於2的tagname標籤 
$("tagname:lt(2)");選擇腳標小於2的tagname標籤
內容過濾選擇器: 節點值是否為空 節點值是否包含指定的字串
$("tagname:empty"):tagname節點中沒有子元素(文字元素,其他子元素) $("tagname:contains('aaa')"):tagname節點是否包含指定字串 
屬性過濾選擇器 從節點的屬性來過濾篩選節點:有無屬性,屬性值等於,不等於,包含,多重過濾
$("tagname[id]"):tagname節點是否包含id屬性 
$("tagname[id='cc']"):tagname節點屬性值是否為cc 
$("tagname[id!='cc']"):tagname節點屬性值是否不為cc 
$("tagname[title*='cc']"):tagname節點屬性值是否包含cc 
$("tagname[title*='cc'][name='ee'][id!='ff']"):tagname節點屬性值title是否包含cc,屬性值 name是否為ee,id屬性是否不是ff 
子元素過濾選擇器 選擇父元素下的子元素(第1個,最後1個,第幾個子元素)
$("tagname :first‐child"):tagname節點下的第乙個子節點 
$("tagname :last‐child"):tagname節點下的最後乙個子節點 
$("tagname :nth‐child(2)"):tagname節點下的第二個子節點

在千峰「逆戰」學習的第17天

在千峰「逆戰」學習的第16天

千鋒逆戰班，陳強在千鋒「逆戰」學習第 22天

千鋒逆戰班，陳強在千鋒「逆戰」學習第 23天

在千峰「逆戰」學習的第17天

在千峰「逆戰」學習的第16天

千鋒逆戰班，陳強 在千鋒「逆戰」學習第 22天

千鋒逆戰班，陳強 在千鋒「逆戰」學習第 23天

相關推薦

千鋒逆戰班，陳強在千鋒「逆戰」學習第 22天

千鋒逆戰班，陳強在千鋒「逆戰」學習第 23天