标签:file 网页 strong .com action 一个 提示 lan nbsp
jQuery
一、什么是 jQuery ?
jQuery是一个JavaScript函数库。
jQuery是一个轻量级的"写的少,做的多"的JavaScript库。
jQuery库包含以下功能:
l HTML 元素选取
l HTML 元素操作
l CSS 操作
l HTML 事件函数
l JavaScript 特效和动画
l HTML DOM 遍历和修改
l AJAX
l Utilities
二、使用jQuery
1.从jquery.com 下载jquery库
有两个版本的 jQuery 可供下载:
l Production version - 用于实际的网站中,已被精简和压缩。
l Development version - 用于测试和开发(未压缩,是可读的代码)
以上两个版本都可以从 jquery.com 中下载。
提示:将下载的文件放在网页的同一目录下,就可以使用jQuery了。
2.直接从CDN(内容分发网络)中加载jquery,如Google中加载jquery
也就是src=” https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js”
像这样直接加载,优势是许多用户在访问其他站点时已经加载过jQuery了,这时会从缓存中加载,可以减少加载时间。
三、jQuery语法
jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作。
基础语法: $(selector).action()
l 美元符号定义 jQuery
l 选择符(selector)"查询"和"查找" HTML 元素
l jQuery 的 action() 执行对元素的操作
实例:
l $(this).hide() - 隐藏当前元素
l $("p").hide() - 隐藏所有 <p> 元素
l $("p.test").hide() - 隐藏所有 class="test" 的 <p> 元素
l $("#test").hide() - 隐藏所有 id="test" 的元素
四、jQuery选择器
jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。
jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"(或选择)HTML 元素。 它基于已经存在的 CSS 选择器,除此之外,它还有一些自定义的选择器。
jQuery 中所有选择器都以美元符号开头:$()。
元素选择器:$(“p”)
#id选择器:$(“#test”)
.class选择器:$(“.test”)
当网站包含许多页面时,将jQuery函数独立的放入.js文件,将会使jQuery易于维护
五、jQuery事件
页面对不同访问者的响应叫做事件。
事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。
实例:
l 在元素上移动鼠标。
l 选取单选按钮
l 点击元素
在事件中经常使用术语"触发"(或"激发")例如: "当您按下按键时触发 keypress 事件"。
常见 DOM 事件:
$(document).ready() 方法允许我们在文档完全加载完后执行函数
标签:file 网页 strong .com action 一个 提示 lan nbsp
原文地址:https://www.cnblogs.com/LIAN8/p/10597792.html