jquery和和javascript的区别的区别(常用方法比较常用方法比较)
jquery 就对javascript的一个扩展，封装，就是让javascript更好用，更简单。人家怎么说的来着，jquery就是要用更少的代
码，漂亮的完成更多的功能。JavaScript 与JQuery 常用方法比较
1、加载、加载DOM区别区别
JavaScript：
window.onload
function first(){
alert(‘first’);
}
function second(){
alert(‘second’);
}
window.onload = first;
window.onload = second;
//只会执行第二个window.onload；不过可以通过以下方法来进行改进：
window.onload = function(){
first();
second();
}
Jquery：
$(document).ready()
$(document).ready(){
function first(){
alert(‘first’);
}
function second(){
alert(‘second’);
}
$(document).ready(function(){
first();
}
$(document).ready(function(){
second();
}
//两条均会执行
}
2、获取、获取ID
JavaScript：
document.getElementById(‘idName’)
JQuery：
$(‘#idName’)
3、获取、获取Class
JavaScript：
JavaScript没有默认的获取class的方法
JQuery：
$(‘.className’)
4、获取、获取TagName
JavaScript：
document.getElementsByTagName(‘tagName’)
JQuery：
$(‘tagName’)
5、创建对象并加入文档中、创建对象并加入文档中
JavaScript：
var para = document.createElement(‘p’);
//创建一个p元素
document.body.appendElement(para);
//将p元素追加为body的lastchild子节点，如果想将新创建的p元素插入到已存在的某个元素之前，可以使用insertBefore()方法
JQuery：
JQuery提供了4种将新元素插入到已有元素（内部）之前或者之后的方法：append()、appendTo()、prepend()、
prependTo()。
格式：$( html );
eg，html代码：
<p>World!</p>
$(‘p’).append(‘<b>Hello!</b>’);
//输出：<p>World!<b>Hello!</b></p>
资源评论
weixin_38614812
- 粉丝: 7
- 资源: 953
最新资源
- 崔玉涛 婴儿辅食表，用于6到12个月的婴儿
- 夏令营~预推免~保研通用资料汇总整合（英文知识点汇总）（1min急速通关英文面试）（简历英文）（常见英文问题）
- csdn_v6.4.8-3.apk
- 基于Vue框架构建的shop_ui前端商品展示平台设计源码
- 基于STM32单片机智能药盒定时吃药喂水蓝牙APP设计（毕业设计）
- bahnschrift.ttf
- 基于SpringBoot和Vue的青锋后台管理系统设计源码
- 基于Java短信内容转发功能的SmsToEmailApp设计源码
- 基于Java语言的华农物品租借平台设计源码
- 通过阿里云 DNS 为 Let's Encrypt 签发 SSL 证书提供验证的脚本工具
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
