jQuery和JS有什么区别

这篇文章将为大家详细讲解有关jQuery和JS有什么区别，文章内容质量较高，因此小编分享给大家做个参考，希望大家阅读完这篇文章后对相关知识有一定的了解。

1 定位元素

JS

• document.getElementById(“elemt”);

jQuery

• $(“#elemt”) //通过id定位
  $(“.elemt”) //通过class定位
  $(“div”) //通过标签定位

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

2 改变元素的内容

JS

• elemt.innerHTML = “test”;
  jQuery

• elemt.html(“test”);

3 显示隐藏元素

JS

• elemt.style.display = “none”;
  elemt.style.display = “block”;

jQuery

• elemt.hide();
  elemt.show();

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

4 获得焦点

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

5 为表单赋值

JS

• elemt.value = “test”;
  jQuery

• elemt.val(“test”);

6 获得表单的值

JS

• alert(elemt.value);
  jQuery

• alert(elemt.val());

7 设置元素不可用

JS

• elemt.disabled = true;
  jQuery

• elemt.attr(“disabled”, true);

8 修改元素样式

JS

• elemt.style.fontSize=size;
  jQuery

• elemt.css(‘font-size’, 20);

JS

• elemt.className=”test”;
  JQuery

• elemt.removeClass();
  elemt.addClass(“test”);

9 Ajax

JS
自己创建对象，自己处理浏览器兼容等乱七八糟的问题，略
jQuery

• $.get(“elemt.php?a=1&b=2”, recall);
  postvalue = “a=b&c=d&elemt=123”;
  $.post(“elemt.php”, postvalue, recall);

• function recall(result) {
  alert(result);
  //如果返回的是json，则如下处理
  //result = eval(‘(‘ + result + ‘)’);
  //alert(result);
  }

10 判断复选框是否选中

jQuery

• if(elemt.attr(“checked”) == “checked”)
  备注：xxx.attr(“checked”) == true 是不可用的.

关于jQuery和JS有什么区别就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。