jquery和javascript的区别(常用方法比较)资源-CSDN文库

146 浏览量 2021-01-19 19:24:45 上传评论收藏 82KB PDF 举报

资源推荐

资源详情

资源评论

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>

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余3页未读，立即下载

内容反馈

weixin_38614812

粉丝: 7
资源: 953

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈

feedback-tip