`

document ready

阅读更多
<html>
<head>
	<title></title>
	<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
	<style type="text/css">
		.emphasis {color: green}
	</style>	

	<script type="text/javascript">

		//两种写法都可以
		$(function() {
			$('li:first-child').addClass('emphasis');
		})

		$(document).ready(function() {
			$('li:first-child').addClass('emphasis');
		});
		
	</script>
</head>
<body>
<ul>
	<li>hello</li>
	<li>hello 2</li>
	<li>hello 3</li>
</ul>

</body>
</html>
分享到:
评论

相关推荐

    jQuery开发技巧

    $ document ready function { $ document bind &quot;contextmenu&quot; function e { return false; } ; } ; 2 搜索输入框文字的消失 当鼠标获得焦点 失去焦点的时候 input输入框文字处理: $ document ...

    jquery中的$(document).ready()使用小结

    $(document).ready(function(){…. })这个函数是用来取代页面中的[removed]; document.ready()和传统的方法&lt;body onload=”load()”&gt; 相似,不同的是onload()的方法是在页面加载完成后才发生,这包括DOM元素和...

    css、js、asp.net知识小集合

    6 $ document ready和window onload的区别 7 css如何清除浮动 8 SqlTransaction事务的用法 9 extjs中apply和applyIf 10 asp net如何在后台输出js脚本"&gt;1 char nchar varchar nvarchar类型说明 2 如何防止表单重复...

    jQuery(document).ready(function($) { });的几种表示方法

    在写jquery的时候,因为平时用sublime text快捷键生成jQuery(document).ready(function($) { });,所以忘记了其他的几种表示方法,今天花了几分钟特意记录了一下。

    jQuery基础

    return jQuery( document ).ready( selector ); // Make sure that old selector state is passed along if ( selector.selector && selector.context ) { this.selector = selector.selector; this.context =...

    浅析document.ready和[removed]的区别讲解

    jQuery使用document.ready来保证所要执行的代码是在DOM元素被加载完成的情况下执行。比如在”jQuery基础 – 如何开始”一文里,我用到如下jQuery代码: 代码如下:&lt;!– $(document).ready(function ()  {   ...

    Jquery1.9.1源码分析系列(六)延时对象应用之jQuery.ready

    //document ready简便写法$(function(){…}) } else if ( jQuery.isFunction( selector ) ) { return rootjQuery.ready( selector ); }  所以$(fn)===$(document).ready(fn)。  来看一下jQuery.fn.ready的源码 ...

    jQuery之$(document).ready()使用介绍

    学习jQuery的第一件事是:如果你想要一个事件运行在你的页面上,你必须在$(document).ready()里调用这个事件。所有包括在$(document).ready()里面的元素或事件都将会在DOM完成加载之后立即加载,并且在页面内容加载...

    $(document).ready(function() {})不执行初始化脚本

    今天发现一个页面始终不执行$(document).ready(function() {})初始化脚本,下面是解决方法

    用javascript实现jquery的document.ready功能的实现代码

    实现jQuery的document.ready功能js代码

    jQuery详细教程

    您也许已经注意到在我们的实例中的所有 jQuery 函数位于一个 document ready 函数中: $(document).ready(function(){ --- jQuery functions go here ---- }); 这是为了防止文档在完全加载(就绪)之前运行 jQuery...

    多个$(document).ready()的执行顺序实例分析

    主要介绍了多个$(document).ready()的执行顺序实例分析,对于加深理解$(document).ready()的加载与执行顺序有很大帮助,需要的朋友可以参考下

    Jquery中$(document).ready(function(){ })函数的使用详解

    jQuery(document).ready(function(){}); 使用jQuery的好处是它包装了各种浏览器版本对DOM对象(javascript的DOM对象你应该知道吧,就是它了)的操作. 比如jquery写法:$(“div p”); // (1)$(“div.container”); // ...

    when-dom-ready:21世纪的$(document).ready()

    $(document).ready()面向21世纪 返回Promise以供更清洁的使用,提供Promise链帮助器函数,也可以用作纯函数。 如果DOM已经准备好,则Promise将立即解决。 浏览器兼容性 IE9 +(需要Promise polyfill) 边缘 * ...

    dhtmlx-grid分页-示例,后台java调用

    $ document ready function { 初始化列表 initGrid ; } ; window dhx globalImgPath &quot;${ctx} images public &quot;; 初始化列表 function initGrid { showSkyLoading &quot;数据加载...

    实现Jquery中的$('document').ready()压缩版

    实现Jquery中的$('document').ready()压缩版

    比Jquery的document.ready更快的方法

    个是上次在博客园看到的一篇文章,经测试,确实比jquery的$(document).ready(function(){....})更快,并且在ie和火狐等主流浏览器上都没问题

    jQuery 的 ready()的纯js替代方法

    ready 方法是 jQuery 实现的在 html 页面在 DOM...$(document).ready(function() { // 在 .ready() 被触发时执行. }); 在 jQuery 3.0 中 ready() 的变化 在 jQuery 3.0 发布之前, 有以下几种 ready 方法的使用方式:

Global site tag (gtag.js) - Google Analytics