jquery和js的区别汇总
2016-04-11 15:15
369 查看
jQuery代码具体的写法和原生的Javascript写法在执行常见操作时的区别如下:
1 定位元素
JS
document.getElementById("abc")
jQuery
$("#abc")通过id定位
$(".abc")通过class定位
$("div")通过标签定位
需要注意的是JS返回的结果是这个元素,jQuery返回的结果是一个JS的对象。以下例子中假设已经定位了元素abc。
2 改变元素的内容
JS
abc.innerHTML ="test";
jQuery
abc.html("test");
3 显示隐藏元素
JS
abc.style.display ="none";
abc.style.display ="block";
jQuery
abc.hide();
abc.show();
abc.toggle();
//在显示和隐藏之间切换(2012.4.21更新)
4 获得焦点
JS和jQuery是一样的,都是abc.focus();
5 为表单赋值
JS
abc.value ="test";
jQuery
abc.val("test");
6 获得表单的值
JS
alert(abc.value);
jQuery
alert(abc.val());
7 设置元素不可用
JS
abc.disabled = true;
jQuery
abc.attr("disabled",true);
8 修改元素样式
JS
abc.style.fontSize=size;
jQuery
abc.css('font-size',20);
JS
abc.className="test";
JQuery
abc.removeClass();
abc.addClass("test");
9 Ajax
JS
自己创建对象,自己处理浏览器兼容等乱七八糟的问题,略去不表
jQuery
$.get("abc.php?a=1&b=2",recall);
postvalue ="a=b&c=d&abc=123";
$.post("abc.php",postvalue, recall);
functionrecall(result) {
alert(result);
//如果返回的是json,则如下处理
//result = eval('('+ result + ')');
//alert(result);
}
10 判断复选框是否选中
jQuery
if(abc.attr("checked")== "checked")
注意:网上说的.attr("checked")== true实际上不能用,上面这个测试过能用
1 定位元素
JS
document.getElementById("abc")
jQuery
$("#abc")通过id定位
$(".abc")通过class定位
$("div")通过标签定位
需要注意的是JS返回的结果是这个元素,jQuery返回的结果是一个JS的对象。以下例子中假设已经定位了元素abc。
2 改变元素的内容
JS
abc.innerHTML ="test";
jQuery
abc.html("test");
3 显示隐藏元素
JS
abc.style.display ="none";
abc.style.display ="block";
jQuery
abc.hide();
abc.show();
abc.toggle();
//在显示和隐藏之间切换(2012.4.21更新)
4 获得焦点
JS和jQuery是一样的,都是abc.focus();
5 为表单赋值
JS
abc.value ="test";
jQuery
abc.val("test");
6 获得表单的值
JS
alert(abc.value);
jQuery
alert(abc.val());
7 设置元素不可用
JS
abc.disabled = true;
jQuery
abc.attr("disabled",true);
8 修改元素样式
JS
abc.style.fontSize=size;
jQuery
abc.css('font-size',20);
JS
abc.className="test";
JQuery
abc.removeClass();
abc.addClass("test");
9 Ajax
JS
自己创建对象,自己处理浏览器兼容等乱七八糟的问题,略去不表
jQuery
$.get("abc.php?a=1&b=2",recall);
postvalue ="a=b&c=d&abc=123";
$.post("abc.php",postvalue, recall);
functionrecall(result) {
alert(result);
//如果返回的是json,则如下处理
//result = eval('('+ result + ')');
//alert(result);
}
10 判断复选框是否选中
jQuery
if(abc.attr("checked")== "checked")
注意:网上说的.attr("checked")== true实际上不能用,上面这个测试过能用
相关文章推荐
- SlidesJS基本使用方法和官方文档解释 【Jquery幻灯片插件 Jquery相册插件】
- jquery中常用的SET和GET$(”#msg”).html循环介绍
- jquery 消息提示美化 非阻塞式 信息/消息提示框
- jquery中validation表单验证
- jquery checkbox勾选/取消勾选的诡异问题
- JQuery keyUp和keyDown的区别
- jquery中$.post()方法的简单实例
- jQuery源码解析(5)—— Animation动画
- jQuery对checkbox的操作
- 最近在MyEclipse中导入jquery出现的错误,与解决办法
- jQuery Event.stopPropagation() 函数详解
- jquery全屏插件
- 使用jquery模拟键盘事件,但window系统并不会真的响应事件,只是浏览器当前页面会响应而已
- jquery 鼠标右键事件、左键单击事件判定
- jQuery和DOM对象之间的转换
- jQuery URL Parser
- 新到手的项目应该如何着手呢?
- jquery validate应该注意的小问题
- jquery简单插件到复杂插件(3)--顶部导航固定
- jQuery EasyUI使用教程之创建一个属性网格