jQuery和JS常见的10种操作

jQuery和JS常见的10种操作

jQuery是很流行的一个JavaScript框架 。
jQuery代码具体的写法和原生的Javascript写法在执行常见操作时的区别如下：

一、定位元素

JS	jQuery
document.getElementById(“abc_1”) //同	$("#abc") 通过id定位
document.getElementById(“abc_2”) //同	$(".abc") 通过class定位
document.getElementById(“abc_3”) //同	$(“div”) 通过标签定位

需要注意的是JS返回的结果是这个元素，jQuery返回的结果是一个JS的对象。以下例子中假设已经定位了元素abc。

二、改变元素的内容

JS	jQuery
abc.innerHTML = “test”;	abc.html(“test”);

三、显示隐藏元素

JS	jQuery
abc.style.display = “none”; //隐藏	abc.hide();
abc.style.display = “block”; //显示	abc.show();
无	abc.toggle(); //两者切换

四、 获得焦点

JS和jQuery是一样的，都是 abc.focus();

五、为表单赋值

JS	jQuery
abc.value = “test”;	abc.val(“test”);

六、获得表单的值

JS	jQuery
alert(abc.value);	alert(abc.val());

七、设置元素不可用

JS	jQuery
abc.disabled = true;	abc.attr(“disabled”, true);

八、 修改元素样式

JS	jQuery
abc.style.fontSize=size;	abc.css(‘font-size’, 20);
abc.className=“test”;	abc.removeClass();
无	abc.addClass(“test”);

九、判断复选框是否选中

JS	jQuery
无	if(abc.attr(“checked”) == “checked”)