jquery文档

JQuery基础 1.概念：快速简洁的Javascript框架，简化js开发 jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的 JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less， Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。 2.快速入门 1.版本问题 1.x 兼容ie678，使用最为广泛的，官方只做bug维护，功能不再新增。因此一般项目来说，使用1.x版本就可以了，最终版本：1.12.4 2.x 不兼容ie678，很少人使用，官方只做bug维护，功能不再新增。如果不考虑兼容版本低的浏览器可以使用2.x，最终版本：2.2.4 3.x 不兼容ie678，只支持最新的浏览器。除非特殊要求，一般不会使用3.x版本的，很多老的jQuery插件不支持这个版本。 2.JQuery-xxx.js 与 JQuery.min.js JQuery-xxx.js：开发版本。给程序员看的 JQuery.min.js：生产版本，程序使用。 3.使用$()获取，括号里面是选择器 4.js与jq对象的相互转换 1.两者的的对象方法是不通用的 jq -> js：

一、选择网页元素 　　jQuery的基本设计和主要用法，就是"选择某个网页元素，然后对其进行某种操作"。这是它区别于其他函数库的根本特点。 　　使用jQuery的第一步，往往就是将一个选择表达式，放进构造函数jQuery()（简写为$），然后得到被选中的元素。 选择表达式可以是CSS选择器： $(document)//选择整个文档对象 $('#myId')//选择ID为myId的网页元素 $('div.myClass')//选择class为myClass的div元素 $('input[name=first]')//选择name属性等于first的input元素 也可以是jQuery特有的表达式： $('a:first')//选择网页中第一个a元素 $('tr:odd')//选择表格的奇数行 $('#myForm :input')//选择表单中的input元素 $('div:visible') //选择可见的div元素 $('div:gt(2)')//选择所有的div元素，除了前三个 $('div:animated')//选择当前处于动画状态的div元素 　　 二、改变结果集 　　如果选中多个元素，jQuery提供过滤器，可以缩小结果集： * $('div').has('p'); //选择包含p元素的div元素 * $('div').not('.myClass'); /

【目录】 　　一、选择网页元素 　　二、改变结果集 　　三、链式操作 　　四、元素的操作：取值和赋值 　　五、元素的操作：移动 　　六、元素的操作：复制、删除和创建 　　七、工具方法 　　八、事件操作 　　九、特殊效果 【正文】 一、选择网页元素 jQuery 的基本设计思想和主要用法，就是 " 选择某个网页元素，然后对其进行某种操作 " 。这是它区别于其他 Javascript 库的根本特点。 使用 jQuery 的第一步，往往就是将一个选择表达式，放进构造函数 jQuery() （简写为 $ ），然后得到被选中的元素。 选择表达式可以是 CSS 选择器 ： $(document) //选择整个文档对象$('#myId') //选择ID为myId的网页元素$('div.myClass') // 选择class为myClass的div元素$('input[name=first]') // 选择name属性等于first的input元素也可以是jQuery特有的表达式：$('a:first') //选择网页中第一个a元素$('tr:odd') //选择表格的奇数行$('#myForm :input') // 选择表单中的input元素$('div:visible') //选择可见的div元素$('div:gt(2)') // 选择所有的div元素，除了前三个$('div

什么是JQuery？ JQuery是一个JavaScript库，是一个轻量级的“写的少，做的多”的库。 JQuery语法：$(selector).action() selector ：可以是this，或者通过CSS选择器方式选择的HTML元素; action()：执行对元素的操作 书写格式注意： $(document).ready( Function(){ //此处为JQuery主体 } ); 为什么要放到document ready 函数中？为了防止文档在完全加载之前运行JQuery代码。 （个人拙见：使用javascript调用函数的时候，例如某按钮点击事件调用某方法，这个是在按钮初始化后点击事件触发时才执行的函数，而JQuery使用CSS选择器的选择方式获取事件元素，那么事件元素的加载还有JQuery代码的执行先后顺序就需要注意了） 选择HTML元素? 通过CSS选择器的方式选择，语法为$(“CSS选择器的选择方式”)，注意双引号 来源： CSDN 作者： 云朵儿的媛码 链接： https://blog.csdn.net/qq_38889321/article/details/103993626

1、层级选择器 选择器是jQuery的核心。一个选择器写出来类似 $('#dom-id') 。 公式 ： $(选择器).事件(事件函数) 回顾DOM操作中我们经常使用的代码： // 按ID查找： var a = document.getElementById('dom-id'); // 按tag查找： var divs = document.getElementsByTagName('div'); // 查找<p class="red">： var ps = document.getElementsByTagName('p'); // 过滤出class="red": // TODO: // 查找<table class="green">里面的所有<tr>： var table = ... for (var i=0; i<table.children; i++) { // TODO: 过滤出<tr> } 这些代码实在太繁琐了，并且，在层级关系中，例如，查找 <table class="green"> 里面的所有 <tr> ，一层循环实际上是错的，因为 <table> 的标准写法是： <table> <tbody> <tr>...</tr> <tr>...</tr> </tbody> </table> 很多时候，需要递归查找所有子节点。

前面的话 　　在深入了解jQuery的各个细节之前，需要对jQuery的设计思想有一个大致的了解。在遇到问题时， 知道应该使用jQuery的哪一个功能，然后迅速从手册中找到具体的用法。本文将详细介绍jQuery的设计思想 选择元素 　　jQuery的基本设计思想和主要用法，就是"选择某个网页元素，然后对其进行某种操作"。这是它区别于其他javascript库的根本特点 　　使用jQuery的第一步，往往就是将一个选择表达式，放进构造函数jQuery()(简写为$)，然后得到被选中的元素 【模拟CSS选择元素】 $(document) //选择整个文档对象 $('#myId') //选择ID为myId的网页元素 $('div.myClass') // 选择class为myClass的div元素 $('input[name=first]') // 选择name属性等于first的input元素 【特有表达式选择】 $('a:first') //选择网页中第一个a元素 $('tr:odd') //选择表格的奇数行 $('#myForm :input') // 选择表单中的input元素 $('div:visible') //选择可见的div元素 $('div:gt(2)') // 选择所有的div元素，除了前三个 $('div:animated') // 选择当前处于动画状态的div元素

(document).height()、$(document).scrollTop()，有需要的朋友可以参考下。 jQuery(window).height()代表了当前可见区域的大小，而jQuery(document).height()则代表了整个文档的高度，可视具体情况使用. 注意当浏览器窗口大小改变时(如最大化或拉大窗口后) jQuery(window).height() 随之改变jQuery(document).height()是不变的。 $(document).scrollTop() 获取垂直滚动的距离 即当前滚动的地方的窗口顶端到整个页面顶端的距离 $(document).scrollLeft() 这是获取水平滚动条的距离 要获取顶端 只需要获取到scrollTop()==0的时候 就是顶端了 要获取底端 只要获取scrollTop()>=(document).height()−(window).height() 就可以知道已经滚动到底端了 height：指元素内容的高度 ，jQuery中的height()方法返回的就是这个高度。 clientHeight：内容高度+padding高度 ，jQuery中的innerHeight()方法返回的就是这个高度。 offsetHeight：内容高度+padding高度+ 边框宽度 ，jQuery中的outerHeight(

JavaScript 库 - jQuery、Prototype、MooTools。 JavaScript 框架（库） JavaScript 高级程序设计（特别是对浏览器差异的复杂处理），通常很困难也很耗时。为了应对这些调整，许多的 JavaScript (helper) 库应运而生。这些 JavaScript 库常被称为 JavaScript 框架。在本教程中，我们将了解到一些广受欢迎的 JavaScript 框架： jQuery Prototype MooTools 所有这些框架都提供针对常见 JavaScript 任务的函数，包括动画、DOM 操作以及 Ajax 处理。 jQuery jQuery 是目前最受欢迎的 JavaScript 框架。它使用 CSS 选择器来访问和操作网页上的 HTML 元素（DOM 对象）。jQuery 同时提供 companion UI（用户界面）和插件。许多大公司在网站上使用 jQuery： Google Microsoft IBM Netflix Prototype Prototype 是一种库，提供用于执行常见 web 任务的简单 API。API 是应用程序编程接口（Application Programming Interface）的缩写。它是包含属性和方法的库，用于操作 HTML DOM。Prototype 通过提供类和继承，实现了对

jQuery全录笔记 JQuery 入口函数 jQuery选择器 基本选择器 层级选择器 基本筛选选择器 内容筛选选择器 属性筛选选择器 其它选择器(了解) jQuery操作DOM 获取DOM元素相关盒模型属性-位置属性: DOM节点操作 遍历jQuery元素 吸顶导航案例 让页面滚动至指定位置，兼容代码: jQuery控制标签的属性 jQuery获取DOM相关数据的方法 index()获取元素的索引值 JQ操作css 类相关控制函数 jQuery动画效果 显示隐藏动画切换 滑动显示滑动隐藏动画 淡入淡出动画(透明度动画) JQ的自定义动画 JQuery动画列队机制 delay()让动画延迟执行 事件相关方法 快捷方法 专用方法绑定事件(on方法) 事件委托 注销事件 事件对象: event 事件冒泡概念 阻止事件冒泡 阻止标签默认行为 自定义事件 jQuery命名对象冲突问题 jQuery对象与DOM对象互相转换 JQuery 入口函数 < head > < meta charset = " UTF-8 " > < title > Title </ title > < script > //js的入口函数 window . onload = function ( ) { //整个网页资源加载完毕再执行这里的代码 console . log ( "1" ) ; } ; window

jQuery 事件函数 jQuery 事件处理方法是 jQuery 中的核心函数。 事件处理程序指的是当 HTML 中发生某些事件时所调用的方法。术语由事件“触发”（或“激发”）经常会被使用。 通常会把 jQuery 代码放到 <head>部分的事件处理方法中： 实例 <html> <head> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("button").click(function(){ $("p").hide(); }); }); </script> </head> <body> <h2>This is a heading</h2> <p>This is a paragraph.</p> <p>This is another paragraph.</p> <button>Click me</button> </body> </html> 在上面的例子中，当按钮的点击事件被触发时会调用一个函数： $("button").click(function() {..some code... } ) 该方法隐藏所有 <p> 元素： $("p").hide(); 单独文件中的函数