Jquery基础_弹出对话框_js的onload_jq的多次加载_Js和JQ对象转换_实例(一)

最新推荐文章于 2021-02-26 06:55:29 发布

静山晚风

最新推荐文章于 2021-02-26 06:55:29 发布

阅读量1.2k

点赞数

分类专栏： Jquery

本文链接：https://blog.csdn.net/cgwcgw_/article/details/9367827

版权

Jquery 专栏收录该内容

96 篇文章 0 订阅

订阅专栏

1 最简单的例子

先引入js，文件为上一目录的 scripts目录下的js文件

 <script src="../scripts/jquery-1.3.1.js" type="text/javascript"></script>
 <script type="text/javascript">
	//等待dom元素加载完毕.
	$(document).ready(function(){
         alert("Hello World!");
     });
 </script>

2 Js的onload ，两次只加载一次

 <SCRIPT LANGUAGE="JavaScript">
  function t(){
	alert("test1")
  }
  function b(){
	alert("test2")
  }
  window.onload =t ;
  window.onload =b ;

 </SCRIPT>

3 jquery的神奇的特点

<script src="../scripts/jquery-1.3.1.js" type="text/javascript"></script>
 <SCRIPT LANGUAGE="JavaScript">
    //等待dom元素加载完毕.
	$(document).ready(function(){
        alert("Hello World!");
    });
	$(document).ready(function(){
        alert("Hello World2!");
    });

	 //test2
	$(document).ready(function(){
        alert("Hello again!");
    });
 </SCRIPT>

三个都会加载，在第二个有提示，选中第三个则不提示

4 此处的实例大概意思是

普通对象转换为 jquery对象，使用jquery对象的方法.html

结果打印都是 "例子"

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <title>1-4</title>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <!-- 引入 jQuery -->
<script src="../scripts/jquery-1.3.1.js" type="text/javascript"></script>
 <SCRIPT LANGUAGE="JavaScript">
    //等待dom元素加载完毕.
	$(document).ready(function(){
	    var domObj = document.getElementsByTagName("h3")[0]; // Dom对象
		var $jQueryObj = $(domObj);  //jQuery对象
		alert("DOM对象："+domObj.innerHTML);
		alert("jQuery对象："+$jQueryObj.html());
		alert("jQuery对象："+$(domObj).html());
    });
 
 </SCRIPT>
</head>
<body>
<h3>例子</h3>
<p title="选择你最喜欢的水果." >你最喜欢的水果是?</p>
<ul>
  <li>苹果</li>
  <li>橘子</li>
  <li>菠萝</li>
</ul>

</body>
</html>

静山晚风

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
Jquery基础_弹出对话框_js的onload_jq的多次加载_Js和JQ对象转换_实例(一)

1 最简单的例子先引入js，文件为上一目录的 scripts目录下的js文件 //等待dom元素加载完毕. $(document).ready(function(){ alert("Hello World!"); }); 2 Js的onload ，两次只加载一次 function t(){ alert("test1") }
复制链接

扫一扫