Jquery小結

json作用:複雜java與js之間的數據傳遞的媒介;難道您能把javaObject傳給js。

注:(資料的準備)參考自w3c,裏面的一些具體的方法太多,只列舉個典型,能說明問題就OK
如何使用w3c的參考:
w3c教程我劃分爲3塊
第一塊:教程
第二塊:手冊(參考手冊)
第三塊:簡單的綜合應用(效果)

總述:

jquery實現了三種功能($()實現的功能)點擊打開鏈接

1.選擇元素;類似與選擇DOM中選擇,參考:

2.添加元素;類似與inHtml();

3.設置觸發時間;


細細道來:

通過爲實現遍歷,按照這條主線,依次擺開陣勢:

1.通過選擇器得到目標節點

jQuery選擇器
元素選擇器
使用CSS 選擇器來選取 HTML 元素
具體語法:$("p") ,$("p.intro") 選取所有 class="intro" 的 <p> 元素。
屬性選擇器
使用 XPath 表達式來選擇帶有給定屬性的元素
具體語法:$("[href]") 選取所有帶有 href 屬性的元素,$("[href='#']")
CSS 選擇器
可用於改變 HTML 元素的 CSS 屬性
例:$("p").css("background-color","red");

選擇器後加“:”
例::input; $(":input"); 所有 <input> 元素

1.1事件(個人認爲就是jquery庫定義的方法)

直接查點擊打開鏈接

注意:

jquery對象與js對象不同,也就是說,jquery對象只使用jquery的方法,js只能使用js方法
jquery對象與js對象之間的轉換

1)jquery轉js
由於jQuery對象本身是一個集合。所以如果jQuery對象要轉換爲DOM對象則必須取出其中的某一項,一般可通過索引取出。
第一種方法:


Var $cr=$(“#cr”);//jquery對象
Var cr=$cr[0];//dom對象
Alert (cr.checked);


第二種方法,通過get方法


Var $cr=$(“#cr”);//jquery對象
Var cr=$cr.get(0);//dom對象
Alert (cr.checked);

2)js轉jquery
用 $( ) 把對象包裝起來

var cr=document.getElementById(“cr”);//獲取dom對象
var $cr=$(cr);   //jquery對象


2.查找節點的
父節點
同胞節點
後代節點

3.過濾
(由於jquery節點得到的是同級的集合,所以通過過濾得到目標節點)
當同級節點唯一時,可以省略。
方法:first(), last() 和 eq();

4.遍歷(過濾和遍歷其實只需要一種,只是使用場景不同,你懂的)
.each() 

5.得到的節點或者節點集合操作
具體分爲,得到節點,有兩種操作方式:1.jquery對象2.dom對象
1)添加事件,改變CSS,得到或改變節點本身值/屬性

常用事件
$(document).ready(function)將函數綁定到文檔的就緒事件(當文檔完成加載時)
$(selector).click(function)觸發或將函數綁定到被選元素的點擊事件
$(selector).dblclick(function)觸發或將函數綁定到被選元素的雙擊事件
$(selector).focus(function)觸發或將函數綁定到被選元素的獲得焦點事件
$(selector).mouseover(function)觸發或將函數綁定到被選元素的鼠標懸停事件

操作css
1.方式一
首先,定義css的.class;
然後,使用:選擇器.addClass{類名};
2.方式二
使用:css()方法;
一個參數時:css("propertyname","value");--------中間是“,號”
多個參數時:css({"propertyname":"value","propertyname":"value",...});
注意:多個參數時,值與屬性之間是“:”;多個之間用“,”;

操作節點自身值與屬性(場景:解析xml)
可以進行元素的增/刪/改/查
方法:
text() - 設置或返回所選元素的文本內容
html() - 設置或返回所選元素的內容(包括 HTML 標記)
val() - 設置或返回表單字段的值
attr() - 方法用於獲取屬性值

直接:jquery("<option></option>");//對於input屬性,需要jquery()方法
比較:
1..html()用爲讀取和修改元素的HTML標籤
2..text()用來讀取或修改元素的純文本內容
3..val()用來讀取或修改表單元素的value值。





注:這些方法可以使得到值/改變節點;
但不能夠,添加/刪除節點,那些方法有具體的方法()參見w3c


2)將jquery對象轉換爲DOM對象,使用js函數進行操作





注意:
1.jQuery方法的參數,特別靈活,一般方法都可以無參;但有參與無參之間表示不同(主要是返回值不同);


發佈了34 篇原創文章 · 獲贊 0 · 訪問量 1萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章