<html>

<head>

	<title>jQuery</title>

	<!--导入jquery库-->

	<script type="text/javascript" src="jquery-1.7.2.js"></script>

	<script type="text/javascript">

	/*

	   jQuery(document).ready(

	            function () {

                      alert("AA:jquery加载成功...");

				}

	   );

	   $(document).ready(

	            function () {

                      alert("BB:jquery加载成功...");

				}

	   );

	   $(

	          function () {

                      alert("CC:jquery加载成功...");

				}

	   )

	    */

		$(

	          function () {

                     $("#but").click(

					    function () { alert("按钮事件") }

					 )

				}

	   )

	</script>

	</head>

	<body>

	<div >jQuery</div>

		1. 页码加载监听</br>

			测试添加事件</br>

			<input type="button" value="按钮" id="but"/>

</body>

</html>

rs:

2.Jquery对象和document对象转换

<html>

<head>

	<title>jQuery</title>

	<!--导入jquery库-->

	<script type="text/javascript" src="jquery-1.7.2.js"></script>

	<script type="text/javascript">

		$(function () {

			$("#but1").click(

			function () {

				var oMsg = document.getElementById("msg");//Dom对象

				alert("Dom对象的属性 ： " +oMsg.innerHTML);

			});

			$("#but2").click(

			function () {

				var $msg = $("#msg");//jquery对象

				alert("jquery对象的方法 ： " + $msg.text());

				//alert($msg.innerHTML);	//jquery对象不能访问dom属性

			});

			$("#but3").click(

			function () {

				var oMsg = document.getElementById("msg");//Dom对象

				//转换

				//var $msg = $(oMsg);

				var $msg = jQuery(oMsg);

				alert("jquery对象的方法  ： " +$msg.text());

			});

			$("#but4").click(

			function () {

				var $msg = $("#msg");//jquery对象

				//转换

				//var oMsg = $msg.get(0);

				var oMsg = $msg[0];

				alert(oMsg.innerHTML);	//jquery对象不能访问dom属性

				/*

				var show = "";

				for(var name in $msg) {

					 show+= name + " : " + $msg[name] + "\n";

				}

				alert(show);

				*/

			});

			$("#but5").click(

			function () {

				//var $msg = $("#message");//jquery对象

				var $msg = $("#username");

				//alert($msg.html());

				//alert($msg.text());

				alert($msg.val());

			});

			$("#but6").click(

			function () {

				var $msg = $("#message");

				//$msg.html("<font color='blue'>xml</font>");

				$msg.text("oracle");

			});

			$("#but7").click(

			function () {

				var $img = $("#img");							

				alert($img.attr("src"));

				  $img.attr("src","p2.jpg");

			});

		})

	</script>

	</head>

	<body>

	<div >jQuery对象</div>

	1. 对象<br/>

		<span id="msg">软件</span><br/>

		<input type="button" value="DOM对象" id="but1"/>

		<input type="button" value="jquery对象" id="but2"/>

		<input type="button" value="DOM->jquery" id="but3"/>

		<input type="button" value="jquery->DOM" id="but4"/><br/>

	2. 对象方法<br/>

		<span id="message" value="java"><h3>java</h3></span></br>

		<input type="text" value="张三" id="username"/><br/>

		<img src="2.gif" id="img"/>

		<br/>

		<input type="button" value="取值" id="but5"/>

		<input type="button" value="赋值" id="but6"/>

		<input type="button" value="属性" id="but7"/>

</body>

</html>

rs:

javascript 第26节 jQuery对象的更多相关文章

  1. javascript 第28节 jQuery事件、迭代、样式

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...

  2. javascript 第27节 jQuery选择器

    下面的html需要以下2个文件: 1.style.css div,span,p { width:140px; height:140px; margin:5px; background:#aaa; bo ...

  3. JavaScript 对象、DOM对象、jquery对象的区别、转换详解

    一.JavaScript 对象 JavaScript 提供多个内建对象,比如 String.Date.Array 等等. 对象只是带有属性和方法的特殊数据类型. 访问对象的属性: [javascrip ...

  4. jQuery对象和普通DOM对象的区别

    1.DOM对象DOM实际上是以面向对象方式描述的文档模型.DOM定义了表示和修改文档所需的对象.这些对象的行为和属性以及这些对象之间的关系.根据W3C DOM规范,DOM是HTML与XML的应用编程接 ...

  5. jquery对象转成dom对象

     jQuery库本质上还是JavaScript代码,它只是对JavaScript语言进行包装处理,为的是提供更好更方便快捷的DOM处理与开发中经常使用的功能.我们使用jQuery的同时也能混合Java ...

  6. jquery对象和javascript对象相互转换

    本文转载:http://jeiofw.blog.51cto.com/3319919/786506 jQuery 对象是通过 jQuery 包装DOM 对象后产生的对象.jQuery 对象是 jQuer ...

  7. JavaScript DOM对象和JQuery对象相互转换

    1.分析源代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www ...

  8. javascript DOM对象转jquery对象

    首先,假设一种情形:要在HTML文件中为一个select对象添加一个函数,这个函数的名字叫dynamic_change(this),当select的option被改变的时候调用onchange事件来处 ...

  9. JQuery $ $.extend(),$.fn和$.fn.extend javaScript对象、DOM对象和jQuery对象及转换 工具方法(utility)

    一.为什么jquery前面要写$ Javascript没有package的概念,而作者又希望所有jQuery相关的API都能通过一个全局性的对象来容纳. 名为jQuery的全局变量就是这样一个对象,不 ...

随机推荐

  1. 325. Maximum Size Subarray Sum Equals k

    最后更新 二刷 木有头绪啊.. 看答案明白了. 用的是two sum的思路. 比如最终找到一个区间,[i,j]满足sum = k,这个去见可以看做是 [0,j]的sum 减去 [0,i]的Sum. 维 ...

  2. Stage3D学习笔记（三）：使用GPU绘制一个图片

    首先准备我们需要的图片,尺寸必须是2的幂数,我修改了一下Starling的图标拿来用: 还是先看看最终效果: 代码是居于上一节的代码进行修改的: package { import com.adobe. ...

  3. mysql 开启记录慢查询记录

    以下操作,基于 mysql 5.5.31 版本源码安装配置. 修改 /etc/my.cnf 中 [mysqld] 中添加如下行 # 5.3 一下的配置 log-slow-queries=/var/lo ...

  4. iOS 获取当前月份的天数(转)、

    转:http://www.cnblogs.com/kingbo/p/3966855.html . 获取当前月份有多少天 NSCalendar *calendar = [NSCalendarcurren ...

  5. 【转】python中常用第三方包os sys

    1. os 这个模块包含普遍的操作系统功能.如果你希望你的程序能够与平台无关的话,这个模块是尤为重要的.即它允许一个程序在编写后不需要任何改动,也不会发生任何问题,就可以在Linux和Windows下 ...

  6. hdu 5455 Fang Fang 坑题

    Fang Fang Time Limit: 1 Sec Memory Limit: 256 MB 题目连接 http://acm.hdu.edu.cn/showproblem.php?pid=5455 ...

  7. poj 1147 Binary codes

    Binary codes Time Limit: 1000MS   Memory Limit: 65536K Total Submissions: 5647   Accepted: 2201 Desc ...

  8. 【Android开发经验】使用Ant批量打包Android应用全然指南

    本文章由Socks完毕.博客地址:http://blog.csdn.net/zhaokaiqiang1992 转载请说明. 折腾了一下午.百度了一下午,最终实现了使用Ant对Android应用的批量打 ...

  9. 怎样加入� android private libraries 中的包的源码

    先上图: 这里以加入� afinal_0.5.1_bin.jar 为例. 第一步:加入�jar包到libs里面,系统自己主动把jar载入到android private libraries中: 第二步 ...

  10. careercup-C和C++ 13.10

    13.10 用C编写一个my2DALLoc函数,可分配二维数组.将malloc函数的调用次数降到最少,并确保可通过arr[i][j]访问该内存. 解法: 这道题目最简单的方法就是先开一个数组来存储指向 ...