四川盐亭网站制作公司

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有什么区别就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。


当前标题：jQuery和JS有什么区别
文章链接：http://scyanting.com/article/jhighs.html

其他资讯