jQuery 文档加载 && jQuery中的$()

于 2020-07-19 15:28:37 发布
阅读量123 收藏
点赞数
文章标签： jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43566612/article/details/107445770
版权

 

1. 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
		
		
	</head>
	<body >
		<a id="bt" >百度一下</a>
		<script type="text/javascript">
			$("#bt").attr("href","http://www.baidu.com");
		</script>
	</body>
</html>

 可以实现

2.不能实现  文档从上往下加载

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
		<script type="text/javascript">
			$("#bt").attr("href","http://www.baidu.com");
		</script>
		
	</head>
	<body >
		<a id="bt" >百度一下</a>
		
	</body>
</html>

改进：  可以实现

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
		<script type="text/javascript">
			
			function t(){
				$("#bt").attr("href","http://www.baidu.com");
			}
		</script>
		
	</head>
	<body onload="t()">
		<a id="bt" >百度一下</a>
	</body>
</html>

 

3.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
		<script type="text/javascript">
			$(function (){
				$("#bt").attr("href","http://www.baidu.com");
			});
		</script>
		
	</head>
	<body >
		<a id="bt" >百度一下</a>
	</body>
</html>

4. $(document).ready(function()  等价于$(function () 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
		<script type="text/javascript">
			$(document).ready(function(){
				$("#bt").attr("href","http://www.baidu.com");
			});
		</script>
		
	</head>
	<body >
		<a id="bt" >百度一下</a>
	</body>
</html>

 

 

liulu璐
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Jquery中"$(document).ready(function(){ })"函数的使用详解
10-26
例如，如果我们要在文档加载完成后弹出一个警告框，可以使用$(document).ready()函数： $(document).ready(function() { alert("hello"); }); 这行代码将会在页面加载完成后立即显示一个包含“hello”的对话框。...
关于JS与jQuery中的文档加载问题
12-11
jquery中的$(document).ready()类似于javascript中的[removed]()，但是其中还是有很大区别的 1.jquery中的可以简化为$().ready()，$(function), 而js却不行必须全部写完。 2.同时js的[removed]()只能有一个，而...
$的加载
weixin_33921089的博客
10-23 61
$(function(){myfunction(){}})可以放在页面之前，会先加载。而$(myfunction(){})放在页面最后，也会加载，今天写程序时第一次知道这个。 转载于:https://www.cnblogs.com/Benjamin/archive/2012/10/23/2734396.html...
JQuery 之从 $（核心函数）加载事件入门
xiongfeng
10-23 1496
JQuery 代码少而多实现的JS类库 就是这么6 一、关于JQuery（一）、什么是JQuery ? 《1》jQuery，顾名思义，也就是JavaScript和查询（Query）， 它就是辅助JavaScript开发的js类库。 1、使用jquery一定要引入jquery库吗？ 要使用JQury首先必须导入jquery类库 2、jquery中的$到底是什么？ $是JQuery类库的核心函数 $()即调用这个核
页面加载完成后再执行JS的jquery写法以及区别说明
海阔天空的博客
02-23 1068
1、$(function(){  　　$("#a").click(function(){  　　　　//adding your code here  　　});  });  2、$(document).ready(function(){  　　$("#a").click(function(){  　　　　//adding your code here　　  　　});  }); 
页面加载即执行JQuery的三种方法
小小默：进无止境
12-26 6万+
【1】$(function( ){ }）； $(function(){ 　　$("#name").click(function(){ 　　　　//adding your code here 　　}); }); 【2】 $(document).ready(function( ){ }) $(document).ready(function(){ 　　$("#name").click
jquery几种加载方式
kang123488的博客
10-13 3724
1.(function($){...})(jQuery) 实际上是执行()(para)匿名方法,只不过是传递了jQuery对象，用来定义一些需要预先定义好的函数。 2.(function(){ }) 则是用来在DOM加载完成之后运行\执行那些预行定义好的函数.DOM结构绘制完毕后就执行，不必等到加载完毕，可以同时编写多个，并且都可以得到执行 3.window.onload 等到页面内包括
Jquery的基本对象转换和文档加载用法实例
10-24
在这个实例中，我们将深入探讨jQuery中的基本对象转换和文档加载方法。首先，让我们了解什么是jQuery对象和JavaScript对象，以及如何在两者之间进行转换。 jQuery对象是jQuery库创建的特殊对象，它包含一个或多个...
JQuery实现Ajax加载图片的方法
10-23
虽然文档中未提及，但实际开发中，更多地使用JQuery的`$.ajax()`方法替代`$.get()`方法来加载图片。`$.ajax()`提供了更多的配置选项，如设置超时时间、处理错误等，更适用于复杂场景下的Ajax请求。 #### 9. 兼容性...
$(function() {})
aoqiaotan2763的博客
03-07 240
$(function() {});是$(document).ready(function(){ })的简写，最早接触的时候也说$(document).ready(function(){ })这个函数是用来取代页面中的window.onload;但是今天发现 好像不是这样回事！是在做一个页面载入效果时发现的！ $(document).ready() 里的代码是在页面内容...
JQuery页面打开直接加载后端数据用法 $(function(){ })
yayaqwl的博客
04-09 2381
页面打开直接加载后端数据 <script> $(function(){ initData(); }); //加载初始化数据 function initData(){ //获取后端数据填充 } </script> ...
jQuery页面加载初始化的3种方法
热门推荐
Java高知社区
08-24 15万+
jQuery 页面加载初始化的方法有3种 ，页面在加载的时候都会执行脚本，应该没什么区别，主要看习惯吧，本人觉得第二种方法最好，比较简洁。 第一种： $(document).ready(function(){ alert("第一种方法。"); });第
3种jquery文档加载是执行方法
菜菜鸟的博客
07-24 1706
1. $(function( ){ }）； $(function(){ 　　$("#name").click(function(){ 　　　　//adding your code here 　　}); }); 2. $(document).ready(function( ){ }) $(document).ready(function(){ 　　$("#name").cl...
使用jquery的load方法加载本地文件
qq_34500270的博客
10-09 9365
1. 方法一（图一）：使用chrome浏览器，关掉浏览器，通过截图的两条命令运行chrome浏览器，再运行test.html文件。方法二（图二）：选择chrome浏览器快捷方式，右键选择属性，再点击快捷方式，在目标"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe"的后面加空格，输入 --allow-file-access-fr...
[转]jQuery中的&& ||
ruowu的专栏
06-24 374
jquery的一些语法还不太熟，接触到逻辑与以及逻辑或，找到这篇文章，写的不错，实践验证理论。   http://cute-spring.iteye.com/blog/1097927   jQuery1.2.6 clean方法中有这么一段第一眼看去会让人晕掉的方法。完全不知其所言。 “||, &amp;&amp; 可以这样用？”，“这段东西最终返回的是个什么对象啊?” // Trim w...
命令执行判断（$?:命令回传值、&&、||）
浅时光|初如梦
07-14 1240
1.概述 当在linux中输入命令时，命令可能成功也可能失败，此时可以通过命令回传值来判断（符号：$?），命令回传值可以和&&与||一起使用。 2.符号&&与|| &&： cmd1 && cmd2 若cmd1运行完毕且正确运行（$？=0），则开始运行cmd2；若cmd1运行完毕且为错误（$？！=0），则cmd2不运行； || ： cmd1 || cmd2若cmd1进行完毕且正确运行（$?=0），则cmd2不运行；若cmd1运...
jQuery文档加载完再执行
Alex1053的博客
07-29 4730
jQuery文档加载完再执行 将获取元素的语句写在页面头部, 会因为元素还没有加载而出错, jQuery提供了ready方法解决这个问题, 它的速度比原生的window.onload更快. &lt;script src="js/jquery-1.12.4.min.js"&gt;&lt;/script&gt; &lt;script&gt; // 原生写法, 等页面加载完最后执行 ...
js晦涩操作符
weixin_34290390的博客
06-06 140
一、一些晦涩的操作符：1、(function(){})();几乎所有的开源js代码开篇都是这样(function(……){……})(……);下面是Jquery的部分源码：Js代码 (function( window, undefined ) { var jQuery = function( selector, context ) { // The jQuery objec...
如何用jQuery加载文件
qq_37613223的博客
02-28 870
一. jQuery加载文件 1.原生加载代码 &lt;script&gt; window.onload = function(){ alert('原生创建') } &lt;/script&gt; 2.jQuery加载 1.先在工作区导入jquery-1.12.4.min.js文件 2.普通代码如下 &lt;script src="./jquery-1.12.4.min.js"&gt;...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值