首页 > 代码库 > jQuey-------2017-06-24

jQuey-------2017-06-24

2024-10-11 06:23:02   207人阅读

1,  jquery  是 javaScript 的程序库之一，它是 javaScript 对象和使用函数的封装。

    记住：jquery 只是javascript 的程序库，相当于javascript  技术的一个子集，所以，它并不能完全取代javascript。

2，jqury  的用途

（1），访问和操作DOM元素  也就是（锁定元素）

（2），控制页面样式

（3），对页面事件的处理

（4），方便的使用jquery 插件

（5），与Ajax 技术的完美结合

3，在页面中引入jQuery

<!DOCTYPE html>
<html>
  <head>
    <title>初始jQuery</title>
	
    <meta name="keywords" content="keyword1,keyword2,keyword3">
    <meta name="description" content="this is my page">
    <meta name="content-type" content="text/html; charset=gbk">
    
    <!--<link rel="stylesheet" type="text/css" href="http://www.mamicode.com/styles.css">-->
	<style type="text/css">
		li{
			list-style: none;
			line-height: 22px;
			cursor: pointer;
		}
		.current{
			background: #6cf;
			font-weight: bold;
			color: #fff;
		}
	</style>
  </head>
  
  <body>
  	<ul>
  		<li id="current">Jquery简介</li>
  		<li>语法</li>
  		<li>选择器</li>
  		<li>事件与动画</li>
  		<li>方法</li>
  	</ul>
    //记我们引入的文件必须放在自定义script  的 前面   引入的文件标签中什么都不能写
    <script src="http://www.mamicode.com/js/jQuery1.11.1.js" type="text/javascript"></script>
    <script type="text/javascript">
    	$(document).ready(function(){
    		$("li").click(function(){
　　　　　　　　　　　　　　　　//addClass是添加类选择器的样式
    			$("#current").addClass("current");
    		});
    	});
    
    </script>
  </body>
</html>

　

jQuey-------2017-06-24


联系
我们