jquery是一个javascript库;用来简化javascript编程;基本是前端必备;

看一下示例;

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("#div1").fadeIn(3000);
  });
});
</script>
</head>

<body>
<p>淡入效果</p>
<button>点击</button>
<br><br>
<div id="div1" style="width:100px;height:100px;display:none;background-color:red;"></div><br>

</body>
</html>

<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">

jquery库是一个.js文件;这是引用的jquery库文件;这里引用的是网络上的,也可以下载一个jquery的js到本地,从html文件中引用;1.10.2是版本;jquery.min.js和jquery.js的内容是一样的;jquery.min.js是经过压缩,带.min的是经过压缩,体积比较小;

运行效果如下;

什么是jquery-LMLPHP

什么是jquery-LMLPHP 

通过使用jquery,比较方便选中网页元素;

$("button")这样就选中了网页上的button元素;
$("#div1")这样就选中了网页上id为div1的元素;

如果直接使用javascript写要更多的代码;

并且通过简单编程可以实现一些不错的网页效果;例如这里只是通过调用fadeIn()函数就实现了淡入效果;如果完全使用javascript需要编写一定量的代码;

 

10-26 12:29