JQuery學習筆記(3)

2021-07-25 11:46:38 字數 2525 閱讀 7843

jquery的dom操作

建立物件

使用jquery的 $() 來建立乙個dom物件, 幷包裝成乙個jquery物件返回

快速入門:

如果傳統的dom方法.

//新增重慶li到 上海下(使用dom的傳統方法)

function test1()

如果使用的 jquery方法

**如下:

我們看看外部插入:

核心**如下:

$('#b4').click(function())

$('#b5').click(function())

l 使用jquery去查詢某個物件,如果這個物件(id/class...)不存在,jquery不報錯, val()

刪除節點

** :

您喜歡的城市:

您愛好的遊戲:

hello

how areyou?

hello, person

and person

複製節點

**如下:

儲存 ///

段落段落2

段落2段落2

段落2

節點替換

**:

hello

cruel

world

在jquery開發中有這樣幾個函式,可以獲取值,同時也可以設定值

1.      val() val(val)

2.      html() html(val)

$("#div1").html("hello")

3.      text() text(val)

$("#div1").text("hello

");

4. attr(name)attr(name,val)

$('#div1').attr("title");

$(''#div1).attr("title","abc");

4.      css("css名字"),css("css名字",val)

$("#div1").css("backgorund");

$("#div1").css("backgorund","red");

removeattr(): 刪除指定元素的指定屬性

soho

$("#a1").removeattr("href");

$("#a1").attr("href","");

**如下:

***如何獲取子元素和兄弟元素的方法:

**:

ccccccc

*********  one

*********  two

*********  three

*********  four

tttttttttt

aaaaaaa

bbbbbb

**:

小結: jquery和ajax整合的使用方法

使用jquery的方法

1.      load(url,[data,],[callfunction])

這個load方法把我們ajax自行寫的**包裝,

url表示向哪個php傳送ajax請求.

data資料是可以選填 ,但是格式有要求 應當按照 json格式來傳送, 一旦有這個資料則,load將以post方式提交, 如果沒有資料 ,可以設定null,則預設以get方式提交

callfunction :形式 function(data,textstatus,xmlhttprequest);

data :表示從伺服器返回資料(string)

textstatus:表示文字狀態succuss, error, notmodify, timeout

xmlhttprequest,就是xmlhttprequest物件

返回的資料可能是text/xml/json, 這時你需要用不同的方法來處理,然後使用jquery來顯示到某個適當位置

說明 : load方法需要用jquery物件來呼叫.

jquery.load();

2.      get(url,[data,][callfunction]);

3.     

post(url,[data,][callfunctino]);

這個post方法可以不依賴某個jquery物件,它可以直接呼叫

$.post();

url也是向某個

php傳送資料

.data

也是可以選填的,格式仍然遵守

json

格式;$_post['name'];

該函式返回的值就是

物件callfunction函式只能有兩個引數. data,textstatus

作業:

使用jquery+ajax 改寫

1.      使用者名稱無重新整理驗證

2.     省市聯動

3.     天氣和****

jquery 學習筆記3 遍歷

parent 返回被選元素的直接父元素。parents 方法返回被選元素的所有祖先元素,它一路向上直到文件的根元素 parentsuntil 方法返回介於兩個給定元素之間的所有祖先元素。document ready function children 方法返回被選元素的所有直接子元素 返回類名為 1...

jQuery 自學筆記 3

this hide 演示 jquery hide 函式,隱藏當前的 html 元素。test hide 演示 jquery hide 函式,隱藏 id test 的元素。p hide 演示 jquery hide 函式,隱藏所有 元素。test hide 演示 jquery hide 函式,隱藏所有...

jquery學習筆記

判斷checkbox是否被選中if attr checked true 檢查元素是否存在 if tt length 0 if tt 0 檢查元素是否隱藏 alert dvtest is visible 判斷元素顯示或隱藏狀態 多選框操作 獲取一組radio被選中項的值 var item input ...