jQuery学习笔记

时间 2019-12-09

标签 jquery 学习笔记栏目 JQuery 繁體版

原文原文链接

一、简介

jQuery 是一个JS函数库，它对JS进行了封装，使用户可以方便的操做HTML元素、处理事件、实现动画效果。css

功能

jQuery库能够实现如下功能：html

HTML 元素选取
HTML 元素操做
CSS 操做
HTML 事件函数
JavaScript 特效和动画
HTML DOM 遍历和修改
AJAX 异步数据请求

使用方式

使用jQuery时，能够采用相似于经过外部方式在<head>区域引入JS的方法引入jQuery。jquery

<head>
<script src="../static/js/jquery.js"></script>
</head>

二、语法

jQuery的基本语法是：$(selector).action()
$(selector)是jQuery选择器，表明选取的元素，action()表明元素事件，包括对元素进行的操做，以及元素发生的事件。angular2

$("button").click(function(){ 
   $("p").hide(); 
 }

其中：$("button")为选择器，click()是$("button")元素的事件，function()为事件处理函数，表示当click()事件发生时执行的程序，hide()是对$("p")元素进行的操做。通常而言，为了防止文档在加载就绪以前运行jQuery代码，还须要将上面的jQuery代码放置到一个文档就绪事件的函数中。app

$(document).ready(function(){
  // 开始写 jQuery 代码...
});

选择器

名称	示例	说明
元素选择器	$("p")	选择全部 <p>
#id 选择器	$("#test")	经过元素的 id 属性，选取指定值的元素
.class 选择器	$(".test")	经过元素的 class 属性，选取指定值的元素

操做

jQuery 拥有可操做 HTML 元素和属性的强大方法。操做元素的方法主要有：异步

分类	方法	说明
增添元素	after()	在被选元素以后插入新元素
	before()	在被选元素以前插入新元素
删除元素	remove()	删除备选元素
效果	hide()	隐藏备选元素
	show()	显示备选元素
	toggle()	在显示与隐藏效果之间切换备选元素

操做元素属性的方法主要有：ide

分类	方法	说明
对元素内容的操做	text()	设置或返回所选元素的文本内容
	html()	设置或返回所选元素的内容
	val()	设置或返回表单字段的值
	append()	在被选元素内部的结尾插入指定内容
	prepend()	在被选元素内部的开头插入指定内容
对元素属性的操做	attr()	设置/改变属性值
对样式进行操做	css()	对元素的CSS属性进行操做，也能够使用attr()方法
对尺寸进行操做	height()	对元素的高度进行操做，也能够使用attr()方法
	width()	对元素的宽度进行操做，也能够使用attr()方法

事件及事件处理程序

事件是发生在HTML元素上的事情，例如：HTML页面加载完成、表单字段值改变、点击按钮。事件处理程序指的是当HTML中发生某些事件时所调用的函数。
常见的事件：函数

鼠标事件	键盘事件	表单事件	文档/窗口事件
click	keypress	submit	load
dblclick	keydown	change	resize
mouseenter	keyup	focus	scroll
mouseleave		blur	unload

1. jQuery学习笔记
2. JQuery学习笔记
3. Jquery学习笔记
4. jquery学习笔记
5. jQuery 学习笔记
6. jquery 学习笔记
7. jQuery学习笔记二
8. JQuery学习笔记(1)
9. jQuery文档学习笔记
10. jquery学习笔记1
更多相关文章...
• 您已经学习了 XML Schema，下一步学习什么呢？ - XML Schema 教程
• 我们已经学习了 SQL，下一步学习什么呢？ - SQL 教程
• Tomcat学习笔记（史上最全tomcat学习笔记）
• 适用于PHP初学者的学习线路和建议