首页 > 其他 > 详细

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

时间:2017-06-24 16:12:14      阅读:272      评论:0      收藏:0      [点我收藏+]

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="./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="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

原文:http://www.cnblogs.com/bb1008/p/7073458.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!