<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. 本地开发 localhost链接数据库比127.0.0.1慢

    自己手写一段代码的时候发现一个问题  链接数据库的时候 用 127.0.0.1比localhost明显的快,localhost要等一下才会有响应 而127.0.0.1就是瞬间响应.一番排查,发现了一个 ...

  2. 邮件Mail

    邮件开发准备: 准备工作, 环境搭建: 1. 本地搭建一个邮件服务器 -à 易邮服务器,eyoumailserversetup.exe 2. 新建邮箱账号 张三给李四发邮件. 步骤1: 新建域名: 工 ...

  3. BZOJ 1199: [HNOI2005]汤姆的游戏 计算几何暴力

    1199: [HNOI2005]汤姆的游戏 Time Limit: 1 Sec Memory Limit: 256 MB 题目连接 http://www.lydsy.com/JudgeOnline/p ...

  4. 学习Java设计模式的10条建议

    设计模式在整个Java的学习路线图中扮演着承上启下的作用. 在整个软件生命周期中,唯一不变的就是变化.设计模式就是要在软件设计.编码中对现有问题的一种总结,并从中寻求应对变化的策略. 自己初次接触设计 ...

  5. JSON数据格式以及与后台交互数据转换实例

    /* 作者:烟大阳仔 时间:20131013 介绍:主要了解一下json的格式,看看数据是怎么存储的 */ <!DOCTYPE html PUBLIC "-//W3C//DTD HTM ...

  6. [Practical Git] Filter commit history with git log arguments

    In the last lesson, we learned how to format the git log output; in this lesson we will learn how to ...

  7. C#中Strings VS. StringBuilder

    string mappingHandler = String.Format(@"""[name='BTSHTTPReceiveModule',path='BTSHTTPR ...

  8. 二、Socket之UDP异步传输文件

    上一篇文章一.Socket之UDP异步传输文件中,实现了文件的基本传输,但是传输过程中的信息是看不到的,这一篇是对上一篇进行了一些改进,并且可以了解传输的信息(加入了Log),还加入了接收或者拒绝接收 ...

  9. mvc_ajax_for form

    在上一篇介绍MVC中的Ajax实现方法的时候,曾经提到了除了使用Ajax HTML Helper方式来实现之外,Jquery也是实现Ajax的另外一种方案. 通过get方法实现AJax请求 View ...

  10. 深入理解计算机系统第二版习题解答CSAPP 2.18

    将32位补码表示的数转换为10进制数. 32位补码 十进制 0x1b8 0x14 0xFFFFFE58 -424 0xFFFFFE74 -396 0x44 0xFFFFFEC8 -312 0x10 0 ...