01jQuery入门

Posted 2021-03-05 mingliangge

jQuery是什么？

jQuery是一个快速、小巧且功能丰富的javascript库。

 

jQuery下载及引入

下载地址：www.jquery.com    //根据需求可下载压缩版  或者  未压缩版。

引入：在head里面  或者  body里面，<script type="text/javascript" src="js/jquery-3.4.1.min.js"></script>

 

注：$===jQuery    //当$被占用的时候，可以用jQuery代替

 

html加载完毕后，执行js

原生写法：

window.onload = function(){   };

 

jQuery写法：

$(document).ready.(function(){   });

$().ready.(function(){   });

$(function(){   });

 

css、html、text方法

//css

$(‘p‘).css({      //获取p标签，更改p标签css样式

"background-color":"lightgreen",

"color":"white"
});

 

//html

$(‘div‘).html(      //获取div标签，替换div原来的所有内容

‘<p>你好</p>‘
);

 

//text

$(‘p‘).text(       //获取p标签，替换p原来的文本

‘你好‘
);