jQuery和JavaScript书写上的部分区别

1、定位元素

如果用JavaScript定位网页中ID为div1的元素，代码为：

document.getElementById("div1");

如果用jQuery，则代码为：

$("#div1");

提示：JavaScript返回的结果是这个元素，而jQuery返回的结果是一个对象。

2、改变元素内容

改变页面中div1的内容时，JavaScript代码为：

div1.innerHTML="hello";

jQuery代码为：

div1.html("htllo");

3、隐藏/显示元素

隐藏/显示div1元素时，JavaScript代码为：

div1.style.display="none";
div1.style.display="block";

jQuery代码为：

div1.hide();
div1.show();

或者写成如下代码：

abc.toggle(); //在显示和隐藏之间切换

4、为表单赋值

JavaScript代码为：

div1.value="hello";

jQuery代码为：

div1.val("hello");

5、设置元素不可用

JavaScript代码为：

div1.disabled=true;

jQuery代码为：

div1.attr("disabled",true);