jquery 和js 還有 jq 掛事件

2022-06-01 12:12:09 字數 1223 閱讀 1499

js根據id取元素,取到的是具體的元素

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

根據class取

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

根據標籤名取

var a = document.getelementsbytagname("div");

根據name取

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

alert(a);

操作元素

操作內容

非表單元素

a.innertext = "hello";

a.innerhtml = "world";

表單元素

a.value = "hello";

操作屬性

a.setattribute("bs","1");

a.getattribute("bs");

a.removeattribute("bs");

操作樣式

a.style.color = red;

三個div隱藏

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

for(var i=0;i

jquery

根據id找元素,取到的是jquery物件

var b = $("#a1");

根據class取

var b = $(".aa");

根據標籤名取

var b = $("div");

根據屬性篩選

var b = $("[name=aa]");

操作元素

操作內容

非表單元素

b.text();

b.html();

表單元素

b.val();

操作屬性

b.attr("bs","1");

b.attr("bs");

b.removeattr("bs");

操作樣式

alert(b.css("color"));

b.css("font-size","50px");

alert(b[0]); 取jquery物件用eq()取元素本身用

隱藏三個元素

$(".aa").css("display","none");

jq掛事件

jq和js的關係 JS和JQUERY的區別

根據id取元素 js 取到的是乙個dom物件。例 var div document.getelementbyid one jquery 取到的是乙個jquery物件。例 var div one 括號裡面是根據某個東西來找,相當於乙個選擇,如果我們要根據id來找,在樣式表裡的id是用 來表示的,所以在...

js和jQuery的onchang觸發事件

js和jquery的onchang觸發事件 以bootstrap為基礎的框架,內嵌iframe框架,功能需求是在iframe頁面裡面對select標籤選擇值後自動觸發某一函式,但是在頁面中採用js獲取select的值卻一直找不到對應的select,如下 var typeplace document....

js和jq的區別

1 js和jq在使用方法和屬性上的區別 1 jq物件不能使用js物件的方法和屬性,js物件不能使用jq物件的方法和屬性。2 jq物件全部都是乙個陣列物件 3 js和jq的轉換 1.js物件轉換成jq物件的方式 js物件 2.jq物件轉換成js物件方式 jq物件 索引值 jq物件.get 索引值 3....