jquery文档

目录 BOM window对象 window的子对象 navigator对象(了解) screen对象(了解) history对象(了解) location对象 弹出框 计时相关 DOM HTML DOM 树 查找标签 直接查找 节点操作 创建节点 添加节点 删除节点 替换节点 属性节点 获取值操作 class的操作 指定css操作 事件 常用事件 绑定方式 jQuery jQuery介绍 jQuery的优势 jQuery内容 BOM ​ BOM（Browser Object Model）是指浏览器对象模型，它使 JavaScript 有能力与浏览器进行“对话”。 ​ Window对象是客户端JavaScript最高层对象之一，由于window对象是其它大部分对象的共同祖先，在调用window对象的方法和属性时，可以省略window对象的引用。例如：window.document.write()可以简写成：document.write() window对象 所有浏览器都支持 window 对象。它表示浏览器窗口 如果文档包含框架(frame或iframe标签), 浏览器会为HEML文档创建一个window对象, 并为每个框架创建一个额外的window对象 没有应用于window对象的公开标准,不过所有浏览器都支持该对象 所有JavaScript全局对象的属性

01. BOM & DOM 1.BOM Browser Object Model 是指浏览器对象模型，它使JavaScript有能力与浏览器对话 window对象 所有浏览器都支持window对象，它表示浏览器窗口。 Window对象是客户端JavaScript最高层对象之一，由于window对象是其它大部分对象的共同祖先，在调用window对象的方法和属性时，可以省略window对象的引用。 所有javascript全局对象，函数以及变量均自动成为window对象的成员 全局变量时window对象的属性，全局函数是window对象的属性之一 HTML DOW 的 document 也是window对象的属性之一 window.innerHeight - 浏览器窗口的内部高度 window.innerWidth - 浏览器窗口的内部宽度 window.open() - 打开新的窗口 window.close() - 关闭当前窗口 window的子对象 navigator 对象 浏览器对象，通过这个对象可以判定用户所使用的浏览器，包含了浏览器相关信息 navigator.appName // web浏览器全称 navigator.appVersion // web浏览器厂商和版本的详细字符串 navigator.userAgent // 客户端和绝大部份信息 navigator

46 BOM JQuery开头 01. BOM & DOM 1.BOM Browser Object Model 是指浏览器对象模型，它使JavaScript有能力与浏览器对话 window对象 所有浏览器都支持window对象，它表示浏览器窗口。 Window对象是客户端JavaScript最高层对象之一，由于window对象是其它大部分对象的共同祖先，在调用window对象的方法和属性时，可以省略window对象的引用。 所有javascript全局对象，函数以及变量均自动成为window对象的成员 全局变量时window对象的属性，全局函数是window对象的属性之一 HTML DOW 的 document 也是window对象的属性之一 window.innerHeight - 浏览器窗口的内部高度 window.innerWidth - 浏览器窗口的内部宽度 window.open() - 打开新的窗口 window.close() - 关闭当前窗口 window的子对象 navigator 对象 浏览器对象，通过这个对象可以判定用户所使用的浏览器，包含了浏览器相关信息 navigator.appName // web浏览器全称 navigator.appVersion // web浏览器厂商和版本的详细字符串 navigator.userAgent //

目录 BOM window对象 window的子对象 navigator对象 screen对象 history 对象 location对象 弹出框 计时 DOM 查找标签 直接查找 间接查找 节点操作 创建节点 添加节点 删除节点 替换节点 属性节点 获取值操作 class操作 指定css操作 事件 常用事件 js绑定事件的方式 解决 js代码体现运行报错的情况 jQuery jQuery介绍 jQuery的使用 jQuery语法结构 查找标签 基本选择器 层次选择器 BOM BOM指浏览器对象模型， 主要用于管理窗口与窗口之间的通讯，因此其核心对象是window； window对象 所有浏览器都支持window对象，它表示浏览器窗口。 window是浏览器中的顶级对象，所有JavaScript的全局对象、函数以及变量都会成为window中的对象的属性或者方法，在调用window是可以省略“window” 常用的window方法 window.innerHeight // 获得浏览器窗口的内部高度 window.innerWidth // 获得浏览器窗口的内部宽度 window.open() // 打开新窗口 window.close() // 关闭当前窗口 window的子对象 navigator对象 window.navigator浏览器对象

目录 BOM window对象 window的子对象 navigator对象 screen对象 history 对象 location对象 弹出框 计时 DOM 查找标签 直接查找 间接查找 节点操作 创建节点 添加节点 删除节点 替换节点 属性节点 获取值操作 class操作 指定css操作 事件 常用事件 js绑定事件的方式 解决 js代码体现运行报错的情况 jQuery jQuery介绍 jQuery的使用 jQuery语法结构 查找标签 基本选择器 层次选择器 BOM BOM指浏览器对象模型， 主要用于管理窗口与窗口之间的通讯，因此其核心对象是window； window对象 所有浏览器都支持window对象，它表示浏览器窗口。 window是浏览器中的顶级对象，所有JavaScript的全局对象、函数以及变量都会成为window中的对象的属性或者方法，在调用window是可以省略“window” 常用的window方法 window.innerHeight // 获得浏览器窗口的内部高度 window.innerWidth // 获得浏览器窗口的内部宽度 window.open() // 打开新窗口 window.close() // 关闭当前窗口 window的子对象 navigator对象 window.navigator浏览器对象

1.测试并提升你的jQuery选择器水平 这个 jQuery选择器实验室 非常酷，它能在线免费使用，当然你也能下来到本地离线使用。这个测试页面包含复杂的HTML组合字段，然后你能尝试预定义使用各种jQuery选择器。如果这还不够你也可以自定义选择器。 点击上图查看清晰大图 2.测试jQuery包装集是否包含某些元素 　　如果你想测试一下某个jQuery包装集中是否包含某些元素，你首先可以尝试使用验证首个元素是否存在： if($(selector)[0]){...} // 或者这样 if($(selector).length){...} 来看看这个例子： //例子.如果你的页面有以下html代码 <ul id="shopping_cart_items"> <li><input class="in_stock" name="item" type="radio" value="Item-X" />Item X</li> <li><input class="unknown" name="item" type="radio" value="Item-Y" />Item Y</li> <li><input class="in_stock" name="item" type="radio" value="Item-Z" />Item Z</li> </ul> <pre escaped="true

目录   针对 jQuery 1.x 版本，所有 API 参考自 jQuery API 。 选择器 遍历和筛选 属性操作 增删改元素 特效 Ajax 事件 设置/核心 选择器    jQuery 最强大的一个地方就是把选择器从 CSS 带到了 javascript ，从而可以用类似 CSS 的匹配规则来匹配元素。 说明 语法 基础选择 $(document) 选中文档 $('body') 选中 body $('this') 选中当前元素 $('*') 选中所有元素 $('#idName') id 选择器 $('.className') 类选择器 $('p') 元素选择器 $('.class1, .class2') 选中多个元素 层级选择 ：匹配子元素、后代元素、兄弟元素 $('div > p') 直接子元素 $('div p') 后代元素 $('.prev + .next') 下一个兄弟元素 $('.prev ~ .siblings') 所有兄弟元素 基本筛选 ：根据前一个匹配组结果进行筛选 :not(selector) 除括号外的所有元素 :first 第一个元素 :last 最后一个元素 :even 序号为偶数的元素 :odd 序号为基数的元素 :eq(index) 序号等于 index 的元素 :gt(index) 序号大于 index 的元素 :lt(index) 序号小于

jQuery是什么 <1> jQuery由美国人John Resig创建，至今已吸引了来自世界各地的众多 javascript高手加入其team。 <2>jQuery是继prototype之后又一个优秀的Javascript框架。其宗旨是——WRITE LESS,DO MORE! <3>它是轻量级的js库(压缩后只有21k) ，这是其它的js库所不及的，它兼容CSS3，还兼容各种浏览器 <4>jQuery是一个快速的，简洁的javaScript库，使用户能更方便地处理HTMLdocuments、events、实现动画效果，并且方便地为网站提供AJAX交互。 <5>jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。 注：jQuery 是一个 JavaScript 函数库 jQuery语法 jQuery 语法是为 HTML 元素的选取编制的，可以对元素执行某些操作。 基础语法是：$(selector).action() 美元符号定义 jQuery 选择符（selector）“查询”和“查找” HTML 元素 jQuery 的 action() 执行对元素的操作 文档就绪函数：防止文档在完全加载（就绪）之前运行 jQuery 代码. $(document).ready(function(){ --- jQuery

1. 概念 一个JavaScript框架。简化JS开发 　　 jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨 是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优 化HTML文档操作、事件处理、动画设计和Ajax交互。 　　JavaScript框架：本质上就是一些js文件，封装了js的原生代码而已。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>自定义js框架</title> <script src="js/itcast.js"></script> </head> <body> <div id="div1">div1....</div> <div id="div2">div2....</div> <script> //1. 根据id获取元素对象 //var div1 = document.getElementById("div1"); //var div2 = document.getElementById("div2"); var div1 = $(

开始的时候在jQuery.1.7.1中使用了.live()觉得很好用，特别是在绑定事件之后再加入的元素的事件绑定上很方便(第一次live之后以后添加的元素就不需要绑定啦) 后来jQuery更新到1.9.1，页面中的.live报错:"has no method live", 后来查了文档才知道在新版本中做了修改。 jQuery.1.8.1： $("#liveID").live("click",function(){alert("live click");}); jQuery.1.9.1： $(document).on("click","#liveID",function(){alert("live click");}); jQuery网站上这么说的： As of jQuery 1.7 , the .live() method is deprecated. Use .on() to attach event handlers. Users of older versions of jQuery should use .delegate() in preference to .live() . This method provides a means to attach delegated event handlers to the document element of a page,