码迷,mamicode.com
首页 > Web开发 > 详细

jQuery——基础

时间:2019-03-26 01:22:39      阅读:190      评论:0      收藏:0      [点我收藏+]

标签: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() 方法允许我们在文档完全加载完后执行函数

 

jQuery——基础

标签:file   网页   strong   .com   action   一个   提示   lan   nbsp   

原文地址:https://www.cnblogs.com/LIAN8/p/10597792.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!