JQuery简述

来源：互联网发布：js烟花效果带文字编辑：程序博客网时间：2024/05/19 14:56

定义

jQuery是一个快速、简洁的JavaScript框架（JavaScript代码库）。它封装JavaScript常用的功能代码，提供一

种简便的JavaScript设计模式。它优化HTML文档操作、事件处理、动画设计和Ajax交互。jQuery的宗旨

是“writeLess，Do More”，即倡导写更少的代码，做更多的事情。简而言之，它就是JavaScript的代码库，而且是

一个用的很顺手的代码库。关于jQuery的学习，多看API文档，多多联系就好。

jQuery 语法

jQuery 语法是为 HTML 元素的选取编制的，可以对元素执行某些操作。

基础语法是：$(selector).action()

美元符号定义 jQuery

选择符（selector）“查询”和“查找” HTML 元素

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

示例

$(this).hide() - 隐藏当前元素$("p").hide() - 隐藏所有段落$(".test").hide() - 隐藏所有 class="test" 的所有元素$("#test").hide() - 隐藏所有 id="test" 的元素

提示：jQuery 使用的语法是 XPath 与 CSS 选择器语法的组合。

文档就绪函数

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

$(document).ready(function(){--- jQuery functions go here ----});

这是为了防止文档在完全加载（就绪）之前运行 jQuery 代码。

如果在文档没有完全加载之前就运行函数，操作可能失败。下面是两个具体的例子：

试图隐藏一个不存在的元素获得未完全加载的图像的大小

展示一个敲的小例子

<!DOCTYPE html><html><head><script src="/jquery/jquery-1.11.1.min.js"></script><script type="text/javascript">$(document).ready(function(){  $(".ex .hide").click(function(){    $(this).parents(".ex").hide("slow");  });});</script><style type="text/css"> div.ex{background-color:#e5eecc;padding:7px;border:solid 1px #c3c3c3;}</style></head> <body><h3>中国办事处</h3><div class="ex"><button class="hide" type="button">隐藏</button><p>联系人：张先生<br /> 北三环中路 100 号<br />北京</p></div><h3>美国办事处</h3><div class="ex"><button class="hide" type="button">隐藏</button><p>联系人：David<br /> 第五大街 200 号<br />纽约</p></div></body></html>

jQuery 元素选择器

jQuery 使用 CSS 选择器来选取 HTML 元素。

$("p") 选取 <p> 元素。

$("p.intro") 选取所有 class="intro" 的 <p> 元素。

$("p#demo") 选取所有 id="demo" 的 <p> 元素。

jQuery 属性选择器

jQuery 使用 XPath 表达式来选择带有给定属性的元素。

$("[href]") 选取所有带有 href 属性的元素。

$("[href='#']") 选取所有带有 href 值等于 "#" 的元素。

$("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。

$("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。

jQuery CSS 选择器

jQuery CSS 选择器可用于改变 HTML 元素的 CSS 属性。

jQuery 参考手册 - 选择器点我哦

jQuery 事件函数

jQuery 事件处理方法是 jQuery 中的核心函数。

事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。术语由事件“触发”（或“激发”）经常会被使

用。通常会把 jQuery 代码放到 <head>部分的事件处理方法中：

小结

就简单总结到这里了，最近几篇博客质量不佳，最近没怎么赶进度了，这次的总结还是之前写的。学会分配时间

也是一件极其重要的事情，一件事情一搁置就不想再去做了！

阅读全文

0 0