0725-jQuery 基础

最新推荐文章于 2021-08-15 22:55:28 发布

LPDFIGHT

最新推荐文章于 2021-08-15 22:55:28 发布

阅读量205

点赞数

本文链接：https://blog.csdn.net/LPDFIGHT/article/details/76099088

版权

 
 jQuery 是一个 JavaScript 函数库。 

 
 jQuery 库包含以下特性： 

 
 向页面添加 jQuery 库 

 
 jQuery 库位于一个 JavaScript 文件中，其中包含了所有的 jQuery 函数。 

 
 可以通过src把 jQuery 添加到网页中： 

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

 
 注意，<script> 标签应该位于页面的 <head> 部分,并且标签中不准包含其他内容 

 
 文档就绪函数与hide() 函数，隐藏了 HTML 文档中所有的 <p> 元素。 

 
 实例： 

 
 <!DOCTYPE html> 

 
 < 
 html  
 lang= 
 "en" 
 > 

 
 < 
 head 
 > 

 
 < 
 meta  
 charset= 
 "UTF-8" 
 > 

 
 < 
 title 
 >Title</ 
 title 
 > 

 
  
 <!-- 
 导入 
 Jquery 
 文件 
 --> 

 
  
 < 
 script  
 src= 
 "jquery-3.1.1.min.js" 
 ></ 
 script 
 > 

 
 </ 
 head 
 > 

 
 < 
 body 
 > 

 
 < 
 p 
 >11111111111</ 
 p 
 > 

 
 < 
 p 
 >12221</ 
 p 
 > 

 
 </ 
 body 
 > 

 
 < 
 script 
 > 

 
 // /* 
 文档就绪函数 
 */ 

 
 // $(document).ready(function () { 

 
 // /* 
 隐藏元素 
 */ 

 
 // $("p").hide(); 

 
 // }); 

 
 /* 
 文档就绪函数 
 */ 

 
  
 $ 
 ( 
 function  
 () { 

 
  
 $ 
 ( 
 "p" 
 ). 
 hide 
 (); 

})

 
 </ 
 script 
 > 

 
 </ 
 html 
 > 

 
 选择元素，添加事件:案例： 

 
 $ 
 ( 
 function 
 (){ 

 
 // 
 选择元素，添加事件（选择img元素）

 
  
 $ 
 ( 
 "img" 
 ).mouseover( 
 function 
 (){ 

 
 // $(this).css('border','3px solid orange'); 

 
  
 $ 
 ( 
 this 
 ). 
 addClass 
 ( 
 'a' 
 ); 

 
 // 删除事件 

 
 }).mouseout( 
 function 
 (){ 

 
 // $(this).css('border','1px solid gray'); 

 
  
 $ 
 ( 
 this 
 ). 
 removeClass 
 ( 
 'a' 
 ); 

});

})

关注