美文网首页
jQuery简介

jQuery简介

作者: ancientear | 来源:发表于2017-11-12 15:14 被阅读0次

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相对, 返回键盘代码.

二.两种常用用法举例

相关文章

  • jQuery第一天笔记

    JQuery简介 JQuery常用方法 JQuery中的插件 JQuery简介 JQuery 的发展历史http:...

  • jQuery

    jQuery简介 what is jQuery jQuery is a fast, small, and feat...

  • jQuery - jQuery 简介

    本文目录如下: 什么是 jQuery; 文档就绪函数; 基本语法; 命名冲突问题。 什么是 jQuery? jQu...

  • 01. jQuery 基础

    jQuery简介 jQuery是一个JavaScript库; jQuery下载地址http://jquery.co...

  • jQuery学习总结(一)

    一、jQuery核心 jQuery简介 "$"符号在 jQuery 中代表对 jQuery 对象的引用, "jQu...

  • 前端知识5-jQuery

    一. jQuery简介 1.1 jQuery官网 jQuery官网:jquery官网地址:https://jque...

  • 2016-08-16 jQuery Mobile

    jQuery Mobile 简介 jQuery Msobile 都能做什么 jQuery Mobile 基本页面结...

  • JQuery总结

    JQuery简介 jQuery 是一个 JavaScript 库。 jQuery 极大地简化了 JavaScrip...

  • JQuery基础

    JQuery基础 第一章:JQuery简介 1.简介 通过$('#m')方法会得到一个$p的jQuery对象,$p...

  • jQuery简介

    今天还是日常有一些昨天遗留的问题: 1.document.querySlector() 弹出[object HTM...

网友评论

      本文标题:jQuery简介

      本文链接:https://www.haomeiwen.com/subject/clonmxtx.html