js和jquery小對比

2021-07-30 13:43:05 字數 940 閱讀 2974

1.js的使用:

建立乙個div:

varodiv = document.createelement('div');

odiv.innerhtml ='新增的div';

設定所以 屬性:

var input = document.createelement("input");

input.setattribute("type", "text");

input.setattribute("name", "張三");

input.setattribute("class",bordercss);

這裡的setattribute用法介紹:

setattribute(string name, string value):增加乙個指定名稱和值的新屬性,或者把乙個現有的屬性設定為指定的值。

所以就有getattribute()方法,這個是用來獲取該dom物件的某個屬性,比如:

var input=document.getelementbyid("inp");

input.getattribute("title"));

2.jquery的使用:

建立乙個div:

var div="3333

";var title=div.attr("title");//獲取建立的div的屬性

對比js庫分枝Jquery和js獲取物件的方式

對於這點不談詳細,但能有乙個能有乙個全面的印象,jquery本質上也是js,只不過用一句話概括就是 write letter and do more 寫的更少,做的更多 1.js獲取物件 document.getelementbyid 屬性為id的名稱 document.getelementsbyc...

js與Jquery的對比

3 jquery實現顯示隱藏 id css display none id css display block 或 id 0 style.display none id 返回的是jquery 它是個集合肯定有display屬性 id show 表示display block,id hide 表示di...

原生JS與jQuery操作DOM對比

1.1 原生js建立元素節點 1 document.createelement p 1.2jquery建立元素節點 1 2.1 原生js建立文字節點 1 document.createtextnode text content 1 2 3 var textel document.createtext...