雨中人

我们都知道jQUery对象中有一个类数组的元素包装集，该集合类似js中的数组一 样拥有length属性，因此我们称此为类数组，下面我们就来总结下这个jQuery对象中的类数组时如何进行操作的，看看我们的jQuery为我们都提 供了哪些可用的方法：

size()：很明显，它应该是返回包装集中的元素个数，如$(‘a’).size()表示链接元素的个数；

get(index)：当没指定index时就默认取包装集中所有元素，并以js中的数组形式返回，如果指定了index，则返回下标为 index对应的元素，如$(‘img[title]‘).get(0)返回包含属性title的第一个img元素，其也等效 于$(‘img[title]‘)[0]；

index(elem)：在包装集中返回元素elem所在的下标，如果没找到该元素则返回-1；

add(String|elem|Array)：把参数中的元素添加到包装集中，如果参数是jQuery选择器，那么将把所有匹配的对象都添 加到集合中，如果是html元素那就通过clean方法得到的元素数组添加到集合中，如果是dom元素或dom元素数组，那就直接添加到集合了；注意返回 的是添加后的包装集；如$(‘img[alt]‘,’img[title]‘)等效于$(‘img[alt]‘).add(‘img[title]‘)即 返回包含了alt属性的img元素或包含了title属性的img元素； read more »

1、关于页面元素的引用
通过jquery的$()引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jquery对象（集合对象），不能直接调用dom定义的方法。

2、jQuery对象与dom对象的转换
只有jquery对象才能使用jquery定义的方法。注意dom对象和jquery对象是有区别的，调用方法时要注意操作的是dom对象还是jquery对象。
普通的dom对象一般可以通过$()转换成jquery对象。
如：

$(document.getElementById("msg"))

则为jquery对象，可以使用jquery的方法。
由于jquery对象本身是一个集合。所以如果jquery对象要转换为dom对象则必须取出其中的某一项，一般可通过索引取出。
如：

$("#msg")[0]，$("div").eq(1)[0]，$("div").get()[1]

$("td")[5] 

这些都是dom对象，可以使用dom中的方法，但不能再使用Jquery的方法。
以下几种写法都是正确的：

$("td")# $("#msg").html();
$("#msg")[0].innerHTML;
$("#msg").eq(0)[0].innerHTML;
$("#msg").get(0).innerHTML;

read more »

概述

jQuery 是继 prototype 之后又一个优秀的 Javascript 框架。其宗旨是—写更少的代码,做更多的事情。它是轻量级的 js 库(压缩后只有21k) ，这是其它的 js 库所不及的，它兼容 CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+）。 jQuery 是一个快速的，简洁的 javaScript 库，使用户能更方便地处理 HTML documents、events、实现动画效果，并且方便地为网站提供 AJAX 交互。 jQuery 还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。 jQuery 能够使用户的 html 页保持代码和 html 内容分离，也就是说，不用再在 html 里面插入一堆js来调用命令了，只需定义 id 即可。今天在Kollermedia.at上发现了一篇JQuery插件列表的文章，特推荐如下。 read more »

jQuery的选择器是CSS 1-3，XPath的结合物。jQuery提取这二种查询语言最好的部分，融合后创造出了最终的jQuery表达式查询语言。如果你了解CSS（绝大部分WEB开发者都用到的），那么你学起来就很容易了。

同时使用CSS和XPath

看几个例子：

隐藏所有包含有链接的段落：

$(“p[a]“).hide();

显示页面的第一个段落：
read more »

三：CSS操作

?????? 传统javascript对css的操作相当繁琐，比如<div id=”a” style=”background:blue”>css</div>取它的background语法是 document.getElementById(“a”).style.background，而jQuery对css更方便的操作，$(“#a”).background()，$(“#a”).background(“red”)
$(“#a”)得到jQuery对象[ <div id="a" … /div> ]
$(“#a”).background()将取出该对象的background样式。
$(“#a”).background(“red”)将该对象的background样式设为red read more »

第二部分：DOM操作
属性
我们以<img id=”a” scr=”5.jpg”/>为例，在原始的javascript里面可以用var o=document.getElementById(‘a’)取的id为a的节点对象，在用o.src来取得或修改该节点的scr属性，在jQuery里$(“#a”)将得到jQuery对象[ <img id="a" scr="5.jpg"/> ]，然后可以用jQuery提供的很多方法来进行操作，如$(“#a”).scr()将得到5.jpg,$(“#a”).scr(“1.jpg”)将该对象src属性改为1,jpg。下面我们来讲jQuery提供的众多jQuery方法，方便大家快速对DOM对象进行操作 read more »

对css和XPath的支持，使我们写js变得更加方便！如果你不是个js高手又想写出优 秀的js效果，jQuery可以帮你达到目的！
??? 下载地址：http://jquery.com

??? 下载完成后先加载到文档中，然后我们来看个简单的例子！
<script language=”javascript” type=”text/javascript”>???
???? $(document).ready(function(){
???????? $(“a”).click(function() {
???????? alert(“Hello world!”);
??? });
}); read more »