jQuery（一）

1、现在的jQuery团队主要包括核心库、UI和插件等。

jQuery凭借着简洁的语法和跨平台的兼容性，极大地简化了javascript开发人员遍历HTML文档、操作DOM、处理事件、执行动画和开发Ajax的操作。

2、JavaScript 库封装了很多预定义的对象和实用函数。

 

约定：如果获取的是 jQuery 对象, 那么要在变量前面加上 $。

3、编写一个简单的jQuery.html

<body>
  	   <input type="text" value="zhang" id="username" name="username" />
</body>
  <script type="text/javascript">
	//DOM方式获取id="username"的value属性值
/* 	var username = document.getElementById("username").value;
	alert(username); */

 	//jQuery方式获取获取id="username"的value属性值
	var $username = $("#username");		//document.getElementById("username")
	alert($username.val());			//value属性 
  </script>

4、DOM对象转成jQuery对象

 <body>
  	 <input type="text" value="zhang" id="username" name="username" />
  </body>
  <script type="text/javascript">
  	//DOM
	var username = document.getElementById("username");
	

	//利用jQuery将DOM对象进行转换:$(DOM对象)
	var $username = $(username);
	
	alert($username.val());
  </script>

 5、jQuery对象转成DOM对象 

 <body>
  	 <input type="text" value="zhangxx" id="username" name="username" />
  </body>

  <script type="text/javascript">
   	//jQuery
	var $username = $("#username");
	
	//转换成DOM对象
	
	//1 jQuery对象是一个数组对象
	var username = $username[0];	
	alert(username.value);
	

	//2 jQuery提供了get(index)方法
 	var username = $username.get(0);
	alert(username.value); 
	
  </script>

　　

 

posted @ 2017-05-22 23:01  清泉＊＊＊  阅读(148)  评论(0)    收藏  举报