jQuery简介

2017-11-12  本文已影响0人  ancientear

1.jQuery是一个JavaScript函数库。

jQuery是一个轻量级的"写的少,做的多"的JavaScript库。

jQuery库包含以下功能:

HTML 元素选取

HTML 元素操作

CSS 操作

HTML 事件函数

JavaScript 特效和动画

HTML DOM 遍历和修改

AJAX

Utilities

提示:除此之外,Jquery还提供了大量的插件。


2.百度 CDN:

<head>

<script src  = "http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js>

</script>

</head>


3.jQuery 语法

jQuery 语法是通过选取 HTML 元素,并对选取的元素执行某些操作。

基础语法:$(selector).action()

美元符号定义 jQuery

选择符(selector)"查询"和"查找" HTML 元素

jQuery 的 action() 执行对元素的操作

实例:

$(this).hide() - 隐藏当前元素

$("p").hide() - 隐藏所有

元素

$("p.test").hide() - 隐藏所有 class="test" 的

元素

$("#test").hide() - 隐藏所有 id="test" 的元素


4.您也许已经注意到在我们的实例中的所有 jQuery 函数位于一个 document ready 函数中

文档就绪事件

5.jquery选择器

jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。

jQuery 选择器基于元素的 id、类、类型、属性、属性值等"查找"(或选择)HTML 元素。 它基于已经存在的CSS 选择器,除此之外,它还有一些自定义的选择器。

jQuery 中所有选择器都以美元符号开头:$()。

$("*")选取所有元素 $(this)选取当前HTML元素 更多实例

6.jquery事件

jQuery 是为事件处理特别设计的。

页面对不同访问者的响应叫做事件。

事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。

实例:

在元素上移动鼠标。

选取单选按钮

点击元素

在事件中经常使用术语"触发"(或"激发")例如: "当您按下按键时触发 keypress 事件"。

常见 DOM 事件

7.click() 方法是当按钮点击事件被触发时会调用一个函数。

元素上触发时,隐藏当前的 元素

8.当鼠标指针穿过元素时,会发生 mouseenter 事件。

mouseenter() 方法触发 mouseenter 事件,或规定当发生 mouseenter 事件时运行的函数:

mouseenter() 方法触发 mouseenter 事件

9.

mouseleave() mousedown() mouseup() hover() focus() blur()

10.一.keypress,keydown,keyup的区别:

1.keydown:在键盘上按下某键时发生,一直按着则会不断触发(opera浏览器除外), 它返回的是键盘代码;

2.keypress:在键盘上按下一个按键,并产生一个字符时发生, 返回ASCII码。注意:shift、alt、ctrl等键按下并不会产生字符,所以监听无效 ,换句话说, 只有按下能在屏幕上输出字符的按键时keypress事件才会触发。若一直按着某按键则会不断触发。

3.keyup:用户松开某一个按键时触发, 与keydown相对, 返回键盘代码.

二.两种常用用法举例

上一篇 下一篇

猜你喜欢

热点阅读