精品伊人久久大香线蕉,开心久久婷婷综合中文字幕,杏田冲梨,人妻无码aⅴ不卡中文字幕

今天是劉小愛自學Java的第86天。

感謝你的觀看，謝謝你。

話不多說，開始今天的學習：

昨天學習了jQuery中的選擇器，有一些還沒有學完全，只能說等到以后遇到了再查文檔了。

并且更令人驚訝的是，其實這只是jQuery使用文檔中的一部分，還有很多很多Api。

API是非常非常多的，全部學完那得花不少時間，只能說每種都學一點，學比較常見的。

選擇器部分算是學的差不多了，今天繼續學其它部分。所有的學習步驟也就是上圖的這份文檔。

一、DOM操作之屬性

這個我們其實昨天就學過，比如獲取標簽內對應屬性的值。

現在就對其做一個歸納總結，同時與js語法做一個對比。

1獲得匹配元素的當前值

格式：val([val|fn|arr])。這是文檔中的一個標準語法格式，其實也可以分情況來理解：

①獲取標簽的屬性值

• 在js中，對應的是value屬性
• 在jQuery中，對應的是函數val()

注意是val()，不是value()。

如果不賦值，那么獲取的就是對應標簽的值。

②設置標簽的屬性值

• 在js中，是給value屬性賦值。
• 在jQuery中，是給函數val()傳一個參數。

如果賦值，那么就是在修改對應標簽的值。

2獲得匹配元素的html內容/文本 

這兩個實在是太像了，就將它們放在一起講了。

格式為：html([val|fn])、text([val|fn])。不要看其好像很復雜的樣子，直接代碼分析：

①獲取標簽的內容

• 在js中，對應屬性innerHTML和innerText
• 在jQuery中，對應函數html()和text()

其中test只能獲取文本內容，鏈接和標簽名這些無法獲取。

而html是獲取所有的內容。

②設置標簽的內容

使用text設置的話，標簽只有文本不帶有鏈接。

使用HTML設置的話，標簽可以帶有鏈接。

3獲得匹配元素的屬性

標簽中有各種各樣的屬性，下面以div標簽中的name屬性作為例子：

attr，attribute 的縮寫，即代表了屬性。

①獲取name屬性

格式：attr("name")，獲取對應標簽的name屬性值。

②修改name屬性

格式：attr("name","xixi")，修改對應標簽的name屬性值。

③刪除name屬性

格式：removeAttr("name","xixi")，刪除對應標簽的name屬性值。

其中除了attr()這個函數外，還有一個prop()這個函數，這兩個函數功能是一樣的。

它們兩者之間的區別在于：

attr()更古老，能兼容多個版本，但功能不完整。

比如下拉框的屬性使用attr()就沒法獲取，需要使用prop來獲取。

二、CSS類和文檔處理

1CSS類操作

①單獨設置樣式

這個通過函數css()，給對應標簽設定樣式。

其中參數為小駝峰式的命名規則：在CSS中是font-size，在jQuery中是fontSize。

②通過類選擇器設置樣式

先設置一個css類選擇器樣式，再通過addClass()函數，將對應標簽指定為該類。

這樣的話，選取的標簽的樣式也就是類選擇器設定的樣式了。

值得注意的是：如果選取的標簽已經被CSS的id選擇器指定了樣式，那么這種方法是沒有用的，因為id的優先級要比類高。

③移除類

addClass()是給對應標簽添加一個類名，這樣就能和CSS類選擇器的樣式對應了。

removeClass()是給對應標簽移除一個類名，這樣對應的樣式就不存在了。

④切換樣式

toggle，切換樣式的意思。

其實也就是在添加類和移除類之間切換。

2文檔處理

①內部插入append

格式：$("#myId01").append($("#myId02"))

也就是在id為myId01的標簽后，添加到id為myId02的標簽。

上述是在append參數里添加選擇器，也可以直接在參數里面寫標簽添加。

append和appendTo的區別在于：

• A append B：在A的后面添加B
• A appendTo B：將A添加到B的后面

②內部插入prepend

格式：$("#myId01").prepend($("#myId02"))

原理①，只不過①是后面，②是前面。

③外部插入after

格式：$("#myId01").after($("#myId02"))

這個是和append是類似的，也是添加到后面。

和append的區別在于：

• append是內部添加到后面
• after是外部添加到后面

通過①和③的格式對比，可以很明顯看出來。

④內部插入prepend

原理③，只不過③是后面，④是前面。

三、動畫和事件

1動畫效果

動畫效果很難用文章來展示出來，我也就不一一展示了，大致能有個了解也好;

方法hide()、show()和toggle()，能達到動畫的效果。

翻譯過來就能理解，方法作用為：隱藏標簽，展現標簽，在隱藏和展現之間切換。

其中每個方法都有三個參數：

• 第一個參數：可以設定動畫時間（單位毫秒）
• 第二個參數：可以設定動畫效果（"swing"為鐘擺、"liner"為線性）
• 第三個參數：可以設定一個函數，動畫完成后會執行一次。

方法slideDown()、slideUp()、slideToggle()，能達到動畫滑動的效果。

此外網上還有開源的各種動畫效果，查詢jQuery插件即可。

值得注意的是：

在js中參數是不用完全一致，上述雖然有3個參數，但可寫也可不寫。

不像Java實參要與形參保持一致。

2事件

①綁定事件

函數為on()，一共有兩個參數：

• 第一個參數為事件名稱，例子中為click事件。
• 第二個參數為事件執行時的函數。

②解綁事件

函數為off()，參數即為事件名，即將對應標簽綁定的事件名解綁。

③切換事件

函數為hover()，hover，盤旋懸浮的意思，一共有兩個參數：

• 第一個參數為鼠標移上去時觸發的函數。
• 第二個參數為鼠標移出去時觸發的函數。

這樣就能達到一個切換的效果。

以上就是對jQuery中動畫和事件的說明，其它還有很多就不一一說明了。

再加上也有很多人說jQuery現在被淘汰了，不想花太多時間在這塊，繼續后面的學習。

最后

謝謝你的觀看。

如果可以的話，麻煩幫忙點個贊，謝謝你。