一、jQuery 简介 jQuery 是继 Prototype 之后又一个优秀的 JavaScript 库jQuery 理念: 写得少, 做得多. 优势如下:轻量级强大的选择器出色的 DOM 操作的封装可靠的事件处理机制完善的 Ajax出色的浏览器兼容性链式操作方式…… 第一个案例二、jQuery 对象 jQuery 对象就是通过 jQuery ($()) 包装 DOM 对象后产生的对象jQuery 对象是 jQuery 独有的. 如果一个对象是 jQuery 对象, 那么它就可以使用 jQuery 里的方法: $(“#persontab”...
在jQuery中，有几种方式可以判断一个对象是否是数字，或者可否转换为数字。首先，jQuery.isNaN()在最新版本中已经被移除了（1.7之后），取而代之的是 jQuery.isNumeric ()。这并不奇怪，因为jQuery.isNaN() 同Javascript内置的isNaN()名字相同，但是语义却不完全相同，在一定意义上会造成歧义。 jQuery.isNumeric ()有着与其相似的功能，同时也解决了歧义问题。 jQuery.isNumeric ()检查传进的参数是否是数字或者可否转换为数字；...
1：选择(Selectable)组件可以让用户页面上的一些元素变成可选择的，用户可以通过单击元素或者拖动的方式来选择它们，也可以按住Ctrl键来选择不连续的元素$(.selector).selectable(options);但是在jQuery UI库中的主题包中并未提供ui-selecting和ui-selected类的样式，因此在使用选择组件时，还需要自己来创建这些样式 代码如下:selectable组件h1 { color:#006; font-size:24px; font-weight:bold; margin-bottom:0px;}#feedback { ...
jquery 就对javascript的一个扩展，封装，就是让javascript更好用，更简单。人家怎么说的来着，jquery就是要用更少的代码，漂亮的完成更多的功能。JavaScript 与JQuery 常用方法比较 1、加载DOM区别 JavaScript： window.onload function first(){ alert('first'); } function second(){ alert('second'); } window.onload = first; window.onload = second; //只会执行第二个window.onload；不过可以通过以下方法来进行改进： win...
Javascript: 网页可见区域宽： document.body.clientWidth 网页可见区域高： document.body.clientHeight 网页可见区域宽： document.body.offsetWidth (包括边线的宽) 网页可见区域高： document.body.offsetHeight (包括边线的高) 网页正文全文宽： document.body.scrollWidth 网页正文全文高： document.body.scrollHeight 网页被卷去的高： document.body.scrollTop 网页被卷去的左： document.body.s...
jquery1.6中新加了一个方法prop()，一直没用过它，官方解释只有一句话:获取在匹配的元素集中的第一个元素的属性值。 大家都知道有的浏览器只要写disabled，checked就可以了，而有的要写成disabled = "disabled"，checked="checked"，比如用attr("checked")获取checkbox的checked属性时选中的时候可以取到值,值为"checked"但没选中获取值就是undefined。 jq提供新的方法“prop”来获取这些属性，就是来解决这个问题的，以前我们使用...
Even a task as simple as this can be complicated without jQuery at our disposal. In plain JavaScript, we could add the highlightedclass as shown in the following code snippet: 代码如下: window.onload = function() { var divs = document.getElementsByTagName(div); for (var i = 0; i < divs.length; i++) { if (hasClass(divs[i], poem-stanza) && !hasClass(divs[i], highlight)) { divs[i].className += high...
代码如下:var ajax = { init : function(){ var xmlHttp = new XMLHttpRequest(); if (!window.XMLHttpRequest) xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); return xmlHttp; }, call : function(opt){ var xmlHttp = this.init(); xmlHttp.onreadystatechange = function(){ if(xmlHttp.readyState===4) { xmlHttp.status===200 ? opt.success(xmlHttp.responseText,xmlHttp.responseXML) : opt.err...
一、什么是deferred对象？ 开发网站的过程中，我们经常遇到某些耗时很长的javascript操作。其中，既有异步的操作（比如ajax读取服务器数据），也有同步的操作（比如遍历一个大型数组），它们都不是立即能得到结果的。 通常的做法是，为它们指定回调函数（callback）。即事先规定，一旦它们运行结束，应该调用哪些函数。 但是，在回调函数方面，jQuery的功能非常弱。为了改变这一点，jQuery开发团队就设计了deferred对象。 简单说，...
DOM(document object model) 其实是浏览器内元素对象的一个总称 我们用JavaScript对网页进行的所有操作都是通过DOM进行的。DOM属于浏览器，而不是JavaScript语言规范里的规定的核心内容，所以如果你下载一个JavaScript语言的参考帮助文档来查的话，就连妇孺皆知的document.write方法也找不到。 文档对象模型（Document Object Model，DOM）是一种用于HTML和XML文档的编程接口。它给文档提供了一种结构化的表示方法，可以改变文档的...
本文实例讲述了jQuery针对元素的操作，包括基础操作、选择要操作的元素及处理DOM元素等。对jQuery的学习有很好的借鉴价值。分享给大家供大家参考之用。具体分析如下： 1、基础 jquery对象集： $()：jquery对象集合 获取jquery对象集中的元素： 使用索引获取包装器中的javascript元素：var temp = $('img[alt]')[0]使用jquery的get方法获取jquery对象集中的javascript元素：var temp = $('img[alt]').get(0)使用jquery的eq方法获取j...
1、基础jquery对象集：$()：jquery对象集合获取jquery对象集中的元素：使用索引获取包装器中的javascript元素：var temp = $(img[alt])[0]使用jquery的get方法获取jquery对象集中的javascript元素：var temp = $(img[alt]).get(0)使用jquery的eq方法获取jquery对象集中的jquery对象元素：$(img[alt]).eq(0)$(img[alt]).first()$(img[alt]).last()jquery对象集转换成javascript数组：var arr = $(label+button).toArray()label后面所...
本文实例讲述了jQuery基础语法。分享给大家供大家参考。具体分析如下： 此语法规则有两个部分组成:获取jQuery对象和对jQuery对象执行的操作。代码如下:$(selector).action() 下面就对以上语法规则进行详细的阐述： 1.$定义jQuery,将被选的DOM对象转换成jQuery对象。 2.selector是选择器，类似于CSS选择器。 3.action()是要对jQuery对象行的操作。 注: $是jQuery的简写。例如：代码如下:$("div") 也可以写成以下方式，不过我们习惯上...
JavaScript 库作用及对比 为了简化JavaScript 的开发, 一些 JavsScript 库诞生了. JavaScript 库封装了很多预定义的对象和实用函数。能帮助使用者建立有高难度交互的Web2.0 特性的富客户端页面, 并且兼容各大浏览器 当前流行的JavaScript 库有:jQuery 简介 jQuery 是继 Prototype 之后又一个优秀的 JavaScript 库 jQuery 理念: 写得少, 做得多. 优势如下: 轻量级 强大的选择器 出色的 DOM 操作的封装 可靠的事件处理机制 完善的 Aj...
1.jQuery的简介 就像上节所将到的Ajax框架一样，简单的说，jQuery是一个优秀的javascript框架，它能够让用户方便的处理html,events(冒泡)事件，动画效果，ajax交互等，它极大程度的改变了开发者使用javascript的习惯。jQuery自2006年最初创建，已经吸引了众多的javascript高手加入其团队，随着事件推移，jQuery新版本一个一个发布，它越来越受到关注。 如今，jQuery发展到集各种javascript/css/dom和ajax功能于一体的强大框架。可以...