jQuery簡單知識

2021-10-08 20:31:30 字數 1443 閱讀 8124

$(function(){}) document ready就執行

window.onload 所有資源載入完畢執行

$(function(){})可以多次執行

window.onload只能執行一次

獲取和設定html: html(「引數」)

獲取value: val(「引數」)

//原生js與jquery物件的轉換

//1.原生js===>jquery物件

//方法$(原生節點)

var username = document.

getelementbyid

("username)

;console.

log(username)

;console.

log(

$(username));

//轉化成jq物件

物件===》原生節點

//jquery物件[0]

var myuser =

$("#username)

;console.

log(myuser)

;//jq物件

console.

log(mysuer[0]

);//jq物件中的第乙個,是原生js節點;

//迴圈遍歷出來的是原生js的節點,要獲取value要用js的方法,

注意:js節點用js的方法,jq物件用jq的方法。

屬性操作

class操作(值指的是類名)

操作css

節點操作

內部插入節點

在前方插入節點:jquery物件.prepend(要插入的節點) ----prependto

外部插入節點

包裹節點 複製

刪除節點

替換節點

迴圈each

事件型別

事件繫結

通過bind繫結事件

通過on/bind可以繫結多個事件,並且每個事件都有單獨的處理程式。

//on/bind繫結多個事件$(

"選擇器").

on(,"mouseober"

:function()

})//bind用法類似

動畫

自定義動畫 animate()

選擇器.animate()(,時間ms)

//屬性只能是由數字的屬性

//animate() 預設呼叫佇列

//delay() 可以延遲動畫的執行。

//stop() 只會停止第乙個佇列的動畫,後面繼續執行

//stop(布林值,布林值),

// 引數一:是否清空所有動畫

// 引數二:是否停止到最後狀態

jquery知識簡單運用

this的用法 function js與jquery互 function has與contains function val,html,attr function 屬性 選擇器 function removeclass與addclass function hover裡面兩個函式 mouseover與...

jQuery知識整理

1.頁面重新整理方法 有時候可能會用到 window.location.reload 重新整理當前頁面.親測有效 parent.location.reload 重新整理父親物件 用於框架 opener.location.reload 重新整理父視窗物件 用於單開視窗 top.location.rel...

jQuery入門知識

核心函式的4個作用 根據傳給核心函式引數不同一共有以下四個作用重點 1.傳入引數為 函式 時 在文件載入完成後執行這個函式 window.onload function 2.傳入引數為 html字串 時 根據這個字串建立元素節點物件 3.傳入引數為 選擇器字串 時 根據這個字串查詢元素節點物件 重要...