jquery基礎知識

2022-07-26 03:15:08 字數 1249 閱讀 1788

js框架 js的公升級版 把js做了封裝

檔案字尾:.min.js min壓縮版

寫法:載入script 標籤 src=" jquery "必須在最上面

1.找元素

$用來選取元素

根據id找 找到的是乙個物件 $("#id的名稱") !!#id[0]是找html元素

根據class名找 var a =$(".class")

用class.eq()方法 取je物件

根據標籤名找 $("標籤名")

根據屬性取 $("[name=uid]") 屬性選

js找元素 除了id 找到的都是陣列或集合

2.操作內容

非表單內容

表單內容

js非表單內容

a.innertext 獲取或者設定文字

a.innerhtml 獲取或者設定 html**

表單內容

a.value 獲取value值

a.value="hello";

jq非表單內容

a.text(); 獲取方法 加引數是設定

a.html();

表單內容

a.val(); 獲取 或者設定

3.操作屬性

jsa.setattribute("text","text");設定屬性

a.remoceattribute("text");移除屬性

a.getattribute("value");獲取屬性

jqa.attr("屬性名","屬性值"); 設定屬性

a.removeattr("");

a.attr(""); 獲取

操作屬性的另一種方法 不顯示但有成功

a.prop("",""); 設定屬性 還可以用true false來表示 屬性值

a.prop("");

a.removeprop("");

4.操作樣式

jsa.style.fontsize = "30px";

js 沒法獲取內嵌或者外部樣式 只能獲取內聯

統一操作樣式

用for迴圈

jqa.css("background-color","green"); 兩個引數 是設定

乙個引數 是獲取

統一操作 !!優勢

$().css();

給乙個 新增事件#ck:不在屬性寫 : $("#ck").click(function()) 沒有方法名的函式:匿名函式

在事件方法中 $(this) 選取自身元素

jquery 基礎知識

1,取物件 根據id取 物件的id 根據class取 物件的id 2,設定 獲取值 innerhtml val text innerhtml innertext 3,設定 獲取 table 中某行某列的值 設定table7,第2個tr的第乙個td的值。table7 tr eq 1 td nth ch...

Jquery基礎知識

1 寫得少,做得多 2 執行速度快 jqurey通過選擇器獲取標籤 myid 選擇 id為myid的網頁元素 myclass 選擇 class為myclass的元素 li 選擇所有的 li元素 ul1 li span 選擇 id為為ul1元素下的所有li下的span元素 input name fir...

JQuery基礎知識

jquery是js的封裝庫,提供了大量的apl,是目前使用最流行最廣泛的js庫。在head和body中都可以引入,注意放在頁面的標籤後面必須新增入口函式 function 父節點 parent 子節點 children 所有的兄弟節點 siblings 後面的乙個兄弟節點 next 前面的乙個兄弟節...