认识jQuery

来源:互联网 发布:用友网络科技股份 编辑:程序博客网 时间:2024/06/05 15:18

1. 什么是JQuery?

jQuery 是一个 JavaScript函数库,jQuery 极大地简化了 JavaScript 编程,jQuery 很容易学习。

虽然容易但必须已经有掌握以下经验的人学习(①html语言 ②css层叠样式 ③JavaScript脚本语言)


2.JQuery特点:

  • HTML 元素选取

  • HTML 元素操作

  • CSS 操作

  • HTML 事件函数

  • JavaScript 特效和动画

  • HTML DOM 遍历和修改

  • AJAX

  • Utilities

3.学习前准备

在学习JQuery前必须先去http://jquery.com/download/网址上下载的所需要的js文件,再将其文件添加到需要使用JQuery函数的网页中。

添加方式如下:

<head><script type="text/javascript" src="js文件的路径.js"></script></head>

4.编写第一个JQuery实例,单击按钮隐藏

<html><head>
<!--添加jQuery文件--><script type="text/javascript" src="jquery-3.2.1.min.js"></script><script type="text/javascript">
<!--文档加载完执行function中的代码 $是jQuery对象的标志-->$(document).ready(function(){
<!--$("选择器") 这种格式可将网页中的选择器对象转换成jQuery对象从而使用jQuery文件中的函数-->
<!--当“button"点击时调用匿名函数,将需要执行的代码写在函数中 ,this 表示当前DOM对象,使用$(this)
将DOM对象转换成JQuery对象从而使用jQuery的hide()隐藏函数
-->
$("button").click(function(){$(this).hide();});
});</script></head><body> <button type="button">Click me</button></body></html>




原创粉丝点击