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....