jQuery基礎知識

2022-06-28 22:15:17 字數 1694 閱讀 2259

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

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

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

找元素

var a = document.getelementbyid("aa");

alert(a);

var a = document.getelementsbyclassname("a1");

alert(a[2]);

document.getelementsbytagname("div");

var a = document.getelementsbyname("uid");

alert(a[0]);

操作內容

非標單元素

alert(a.innertext); 文字

alert(a.innerhtml); html**

表單元素

alert(a.value);

a.value="hello";

操作屬性

a.setattribute("test","test");

a.removeattribute("test");

alert(a.getattribute("value"));

操作樣式

a.style.fontsize = "30px";

alert(a.style.color);

統一操作元素

var d = document.getelementsbyclassname("a1");

for(var i=0;i

找元素var a = $("#aa");

alert(a);

var a = $(".a1");

alert(a.eq(2));

var a = $("div");

var a = $("[bs=1]");

alert(a);

操作內容

非表單元素

alert(a.text());

a.text("bbbbb");

alert(a.html());

表單元素

a.val("hello");

操作屬性

a.attr("test","test");

a.removeattr("test");

alert(a.attr("value"));

a.prop("test","test");

a.removeprop("test");

alert(a.prop("test"));

a.prop("checked",true);

alert(a.prop("checked"));

操作樣式

a.css("background-color","green");

alert(a.css("width"));

統一操作元素

$(".a1").css("font-size","30px");

$(".ck").prop("checked",true);

事件$("#ck").click(function()) 匿名函式

$(".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 前面的乙個兄弟節...