jquery与js原生 的加载方式区别
来源:互联网 发布:mac安全控件 编辑:程序博客网 时间:2024/05/22 02:27
一般的加载页面时调用js方法如下:
window.onload = function() {
$("table tr:nth-child(even)").addClass("even"); //这个是jquery代码
};
这段代码会在整个页面的document全部加载完成以后执行。不幸的这种方式不仅要求页面的DOM tree全部加载完成,而且要求所有的外部图片和资源全部加载完成。更不幸的是,如果外部资源,例如图片需要很长时间来加载,那么这个js效果就会让用户感觉失效了。
但是用jquery的方法:
$(document).ready(function() {
// 任何需要执行的js特效
$("table tr:nth-child(even)").addClass("even");
});
就仅仅只需要加载所有的DOM结构,在浏览器把所有的HTML放入DOM tree之前就执行js效果。包括在加载外部图片和资源之前。
还有一种简写的方式:
$(function() {
// 任何需要执行的js特效
$("table tr:nth-child(even)").addClass("even");
});
window.onload = function() {
$("table tr:nth-child(even)").addClass("even"); //这个是jquery代码
};
这段代码会在整个页面的document全部加载完成以后执行。不幸的这种方式不仅要求页面的DOM tree全部加载完成,而且要求所有的外部图片和资源全部加载完成。更不幸的是,如果外部资源,例如图片需要很长时间来加载,那么这个js效果就会让用户感觉失效了。
但是用jquery的方法:
$(document).ready(function() {
// 任何需要执行的js特效
$("table tr:nth-child(even)").addClass("even");
});
就仅仅只需要加载所有的DOM结构,在浏览器把所有的HTML放入DOM tree之前就执行js效果。包括在加载外部图片和资源之前。
还有一种简写的方式:
$(function() {
// 任何需要执行的js特效
$("table tr:nth-child(even)").addClass("even");
});
- jquery与js原生 的加载方式区别
- 原生JS与jQuery文档加载完毕的写法
- js原生ajax与jquery的ajax的用法区别
- jQuery与原生js的转换
- js原生ajax与jQuery的ajax
- jquery另一种全选,全不选,反选的方式(与原生js混合使用)
- 原生js使用forEach()与jquery使用each遍历数组,return false 的区别
- 原生js使用forEach()与jquery使用each遍历数组,return false 的区别
- JS与JQUERY的区别
- jquery中的$("")与原生的document.getElementById("")的区别
- jquery ajax跨域与原生JS的跨域
- JQuery与原生JS的那点事--选择器
- jQuery对象与原生JS dom对象间的转换
- jQuery对象与JS原生dom对象之间的转换
- JS与原生OC的三种交互方式
- Ajax解析html、xml、json、js原生方式、jquery方式
- 原生JS与jQuery操作DOM对比
- 原生JS与jQuery操作DOM对比
- Objective-C特点及特征
- Java HttpURLConnection 以数据流写数据到Servlet
- A* IDA* BFS Dijkstra 几种搜索方式
- C++第十三周任务-项目一(理解基类中成员的访问限定符和派生类的继承方式)
- css选择器种类
- jquery与js原生 的加载方式区别
- JQUERY从指定数组移除指定的值操作
- gdb教程:6. Advanced gdb Features
- 《Head First Object-Oriented Analysis and Design》读书笔记
- hdu4445-Crazy Tank
- hdu 3342 两种解法
- 第十三周项目四——日期时间类
- Excel单元格字符串连接(合并)实例
- kmp算法详解--from a student。