zfms 本人对java比较了解，很喜欢学习新的东西，但是没有遇到合适的公司，合适的人。。以后打算自己做网站， 最绚的技术，做最好的中国互联网公司。。 http://zfms.javaeye.com UTF-8 Copyright 2003-2008, JavaEye.com http://blogs.law.harvard.edu/tech/rss JavaEye - 做最棒的软件开发交流社区 大家谈谈用jquery的感受... zfms 作者: zfms  链接：http://zfms.javaeye.com/blog/204309  发表时间: 2008年06月16日

声明：本文系JavaEye网站发布的原创博客文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

自我感觉jquery是比较不错的,一是简单,二是功能也够用,三就是UI比较漂亮,四是可扩展性强,可以开发自定义插件
本文的讨论也很精彩，浏览讨论>>


JavaEye推荐



]]> Mon, 16 Jun 2008 20:39:28 +0800 http://zfms.javaeye.com/blog/204309 http://zfms.javaeye.com/blog/204309 JQuery应用实例学习(强烈推荐)转载 zfms 作者: zfms  链接：http://zfms.javaeye.com/blog/190968  发表时间: 2008年05月08日

声明：本文系JavaEye网站发布的原创博客文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

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插件列表的文章如下：

文件上传(File upload)

Ajax File Upload.

jQUploader.

Multiple File Upload plugin.

jQuery File Style.

Styling an input type file.

Progress Bar Plugin.

表单验证(Form Validation)

jQuery Validation.

Auto Help.

Simple jQuery form validation.

jQuery XAV - form validations.

jQuery AlphaNumeric.

Masked Input.

TypeWatch Plugin.

Text limiter for form fields.

Ajax Username Check with jQuery.

表单－选取框(Form - Select Box stuff)

jQuery Combobox.

jQuery controlled dependent (or Cascadign) Select List.

Multiple Selects.

Select box manipulation.

Select Combo Plugin.

jQuery - LinkedSelect

Auto-populate multiple select boxes.

Choose Plugin (Select Replacement).

表单基本、输入框、选择框等(Form Basics, Input Fields, Checkboxes etc.)

jQuery Form Plugin.

jQuery-Form.

jLook Nice Forms.

jNice.

Ping Plugin.

Toggle Form Text.

ToggleVal.

jQuery Field Plugin.

jQuery Form’n Field plugin.

jQuery Checkbox manipulation.

jTagging.

jQuery labelcheck.

Overlabel.

3 state radio buttons.

ShiftCheckbox jQuery Plugin.

Watermark Input.

jQuery Checkbox (checkboxes with imags).

jQuery SpinButton Control.

jQuery Ajax Form Builder.

jQuery Focus Fields.

jQuery Time Entry.

时间、日期和颜色选取(Time, Date and Color Picker)

jQuery UI Datepicker.

jQuery date picker plugin.

jQuery Time Picker.

Time Picker.

ClickPick.

TimePicker.

Farbtastic jQuery Color Picker Plugin.

Color Picker by intelliance.fr.

投票插件(Rating Plugins)

jQuery Star Rating Plugin.

jQuery Star Rater.

Content rater with asp.net, ajax and jQuery.

Half-Star Rating Plugin.

搜索插件(Search Plugins)

jQuery Suggest.

jQuery Autocomplete.

jQuery Autocomplete Mod.

jQuery Autocomplete by AjaxDaddy.

jQuery Autocomplete Plugin with HTML formatting.

jQuery Autocompleter.

AutoCompleter (Tutorial with PHP&MySQL).

quick Search jQuery Plugin.

编辑器(Inline Edit & Editors)

jTagEditor.

WYMeditor.

jQuery jFrame.

Jeditable - edit in place plugin for jQuery.

jQuery editable.

jQuery Disable Text Select Plugin.

Edit in Place with Ajax using jQuery.

jQuery Plugin - Another In-Place Editor.

TableEditor.

tEditable - in place table editing for jQuery.

多媒体、视频、Flash等(Audio, Video, Flash, SVG, etc)

jMedia - accessible multi-media embedding.

JBEdit - Ajax online Video Editor.

jQuery MP3 Plugin.

jQuery Media Plugin.

jQuery Flash Plugin.

Embed QuickTime.

SVG Integration.

图片(Photos/Images/Galleries)

ThickBox.

jQuery lightBox plugin.

jQuery Image Strip.

jQuery slideViewer.

jQuery jqGalScroll 2.0.

jQuery - jqGalViewII.

jQuery - jqGalViewIII.

jQuery Photo Slider.

jQuery Thumbs - easily create thumbnails.

jQuery jQIR Image Replacement.

jCarousel Lite.

jQPanView.

jCarousel.

Interface Imagebox.

Image Gallery using jQuery, Interface & Reflactions.

simple jQuery Gallery.

jQuery Gallery Module.

EO Gallery.

jQuery ScrollShow.

jQuery Cycle Plugin.

jQuery Flickr.

jQuery Lazy Load Images Plugin.

Zoomi - Zoomable Thumbnails.

jQuery Crop - crop any image on the fly.

Image Reflection.

Google地图（Google Map）

jQuery Plugin googlemaps.

jMaps jQuery Maps Framework.

jQmaps.

jQuery & Google Maps.

jQuery Maps Interface forr Google and Yahoo maps.

jQuery J Maps - by Tane Piper.

游戏(Games)

Tetris with jQuery.

jQuery Chess.

Mad Libs Word Game.

jQuery Puzzle.

jQuery Solar System (not a game but awesome jQuery Stuff).

表格等(Tables, Grids etc.)

UI/Tablesorter.

jQuery ingrid.

jQuery Grid Plugin.

Table Filter - awesome!.

TableEditor.

jQuery Tree Tables.

Expandable “Detail” Table Rows.

Sortable Table ColdFusion Costum Tag with jQuery UI.

jQuery Bubble.

TableSorter.

Scrollable HTML Table.

jQuery column Manager Plugin.

jQuery tableHover Plugin.

jQuery columnHover Plugin.

jQuery Grid.

TableSorter plugin for jQuery.

tEditable - in place table editing for jQuery.

jQuery charToTable Plugin.

jQuery Grid Column Sizing.

jQuery Grid Row Sizing.

统计图(Charts, Presentation etc.)

jQuery Wizard Plugin .

jQuery Chart Plugin.

Bar Chart.

边框、圆角、背景(Border, Corners, Background)

jQuery Corner.

jQuery Curvy Corner.

Nifty jQuery Corner.

Transparent Corners.

jQuery Corner Gallery.

Gradient Plugin.

文字和超链接(Text and Links)

jQuery Spoiler plugin.

Text Highlighting.

Disable Text Select Plugin.

jQuery Newsticker.

Auto line-height Plugin.

Textgrad - a text gradient plugin.

LinkLook - a link thumbnail preview.

pager jQuery Plugin.

shortKeys jQuery Plugin.

jQuery Biggerlink.

jQuery Ajax Link Checker.

鼠标提示（Tooltips）

jQuery Plugin - Tooltip.

jTip - The jQuery Tool Tip.

clueTip.

BetterTip.

Flash Tooltips using jQuery.

ToolTip.

菜单和导航(Menus, Navigations)

jQuery Tabs Plugin - awesome! . [demo nested tabs.]

another jQuery nested Tab Set example (based on jQuery Tabs Plugin).

jQuery idTabs.

jdMenu - Hierarchical Menu Plugin for jQuery.

jQuery SuckerFish Style.

jQuery Plugin Treeview.

treeView Basic.

FastFind Menu.

Sliding Menu.

Lava Lamp jQuery Menu.

jQuery iconDock.

jVariations Control Panel.

ContextMenu plugin.

clickMenu.

CSS Dock Menu.

jQuery Pop-up Menu Tutorial.

Sliding Menu.

http://stilbuero.de/jquery/tabs_3/

幻灯、翻转等(Accordions, Slide and Toggle stuff)

jQuery Plugin Accordion.

jQuery Accordion Plugin Horizontal Way.

haccordion - a simple horizontal accordion plugin for jQuery.

Horizontal Accordion by portalzine.de.

HoverAccordion.

Accordion Example from fmarcia.info.

jQuery Accordion Example.

jQuery Demo - Expandable Sidebar Menu.

Sliding Panels for jQuery.

jQuery ToggleElements.

Coda Slider.

jCarousel.

Accesible News Slider Plugin.

Showing and Hiding code Examples.

jQuery Easing Plugin.

jQuery Portlets.

AutoScroll.

Innerfade.

拖放插件(Drag and Drop)

UI/Draggables.

EasyDrag jQuery Plugin.

jQuery Portlets.

jqDnR - drag, drop resize.

Drag Demos.

XML XSL JSON Feeds

XSLT Plugin.

jQuery Ajax call and result XML parsing.

xmlObjectifier - Converts XML DOM to JSON.

jQuery XSL Transform.

jQuery Taconite - multiple Dom updates.

RSS/ATOM Feed Parser Plugin.

jQuery Google Feed Plugin.

浏览器(Browserstuff)

Wresize - IE Resize event Fix Plugin.

jQuery ifixpng.

jQuery pngFix.

Link Scrubber - removes the dotted line onfocus from links.

jQuery Perciformes - the entire suckerfish familly under one roof.

Background Iframe.

QinIE - for proper display of Q tags in IE.

jQuery Accessibility Plugin.

jQuery MouseWheel Plugin.

对话框、确认窗口(Alert, Prompt, Confirm Windows)

jQuery Impromptu.

jQuery Confirm Plugin.

jqModal.

SimpleModal.

CSS

jQuery Style Switcher.

JSS - Javascript StyleSheets.

jQuery Rule - creation/manipulation of CSS Rules.

jPrintArea.

DOM、AJAX和其它JQuery插件（DOM, Ajax and other jQuery plugins）

FlyDOM.

jQuery Dimenion Plugin.

jQuery Loggin.

Metadata - extract metadata from classes, attributes, elements.

Super-tiny Client-Side Include Javascript jQuery Plugin.

Undo Made Easy with Ajax.

JHeartbeat - periodically poll the server.

Lazy Load Plugin.

Live Query.

jQuery Timers.

jQuery Share it - display social bookmarking icons.

jQuery serverCookieJar.

jQuery autoSave.

jQuery Puffer.

jQuery iFrame Plugin.

Cookie Plugin for jQuery.

jQuery Spy - awesome plugin.

Effect Delay Trick.

jQuick - a quick tag creator for jQuery.

Metaobjects.

elementReady.


本文的讨论也很精彩，浏览讨论>>


JavaEye推荐



]]> Thu, 08 May 2008 11:02:41 +0800 http://zfms.javaeye.com/blog/190968 http://zfms.javaeye.com/blog/190968 jquery使用手册(附件包括所有内容) zfms 作者: zfms  链接：http://zfms.javaeye.com/blog/190951  发表时间: 2008年05月08日

声明：本文系JavaEye网站发布的原创博客文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

 jQuery是一款同prototype一样优秀js开发库类，特别是对css和XPath的支持，使我们写js变得更加方便！如果你不是个js高手又想写出优 秀的js效果，jQuery可以帮你达到目的！
   下载地址：Starterkit （http://jquery.bassistance.de/jquery-starterkit.zip）
                       jQuery Downloads （http://jquery.com/src/）

   下载完成后先加载到文档中，然后我们来看个简单的例子！

<script language="javascript" type="text/javascript">   
     $(document).ready(function(){
         $("a").click(function() {
         alert("Hello world!");
    });
});
<script>

     上边的效果是点击文档中所有a标签时将弹出对话框，$("a") 是一个jQuery选择器，$本身表示一个jQuery类，所有$()是构造一个jQuery对象，click()是这个对象的方法，同理$(document)也是一个jQuery对象，ready(fn)是$(document)的方法，表示当document全部下载完毕时执行函数。
     在进行下面内容之前我还要说明一点$("p")和$("#p")的区别,$("p")表示取所有p标签(<p></p>)的元素,$("#p")表示取id为"p"(<span id="p"></span>)的元素.

我将从以下几个内容来讲解jQuery的使用:
1:核心部分
2:DOM操作
3:css操作
4:javascript处理
5:动态效果
6:event事件
7:ajax支持
8:插件程序

                                             一：核心部分
$(expr)
说明：该函数可以通过css选择器，Xpath或html代码来匹配目标元素，所有的jQuery操作都以此为基础
参数：expr：字符串，一个查询表达式或一段html字符串
例子：
未执行jQuery前：

<p>one</p>
<div>
      <p>two</p>
</div>
    <p>three</p>
    <a href="#" id="test" onClick="jq()" >jQuery</a>


jQuery代码及功能：

function jq(){  
     alert($("div > p").html());  
}

运行：当点击id为test的元素时，弹出对话框文字为two，即div标签下p元素的内容

function jq(){
     $("<div><p>Hello</p></div>").appendTo("body");
}

运行：当点击id为test的元素时，向body中添加“<div><p>Hello</p></div>”

$(elem)
说明：限制jQuery作用于一个特定的dom元素，这个函数也接受xml文档和windows对象
参数： elem：通过jQuery对象压缩的DOM元素
例子：
未执行jQuery前：

<p>one</p>
  <div>
     <p>two</p>
  </div><p>three</p>
<a href="#" id="test" onClick="jq()">jQuery</a>

jQuery代码及功能：

function jq(){
     alert($(document).find("div > p").html());
}

运行：当点击id为test的元素时，弹出对话框文字为two，即div标签下p元素的内容

function jq(){
    $(document.body).background("black");
}

运行：当点击id为test的元素时，背景色变成黑色

$(elems)
说明：限制jQuery作用于一组特定的DOM元素
参数： elem：一组通过jQuery对象压缩的DOM元素
例子：
未执行jQuery前： 运行：当点击id为test的元素时，隐藏form1表单中的所有元素。

$(fn)
说明：$(document).ready()的一个速记方式，当文档全部载入时执行函数。可以有多个$(fn)当文档载入时，同时执行所有函数！
参数：fn (Function):当文档载入时执行的函数！
例子：

<form id="form1">
      <input type="text" name="textfield">
      <input type="submit" name="Submit" value="提交">
</form>
<a href="#" id="test" onClick="jq()">jQuery</a>

jQuery代码及功能：

function jq(){
    $(form1.elements ).hide();
}

 

$( function(){
     $(document.body).background("black");
})

运行：当文档载入时背景变成黑色，相当于onLoad。

$(obj)
说明：复制一个jQuery对象，
参数：obj (jQuery): 要复制的jQuery对象
例子：
未执行jQuery前：

<p>one</p>
<div>
   <p>two</p>
</div>
<p>three</p>
<a href="#" id="test" onClick="jq()">jQuery</a>

jQuery代码及功能：

function jq(){
    var f = $("div");
     alert($(f).find("p").html())
}

运行：当点击id为test的元素时，弹出对话框文字为two，即div标签下p元素的内容。

each(fn)
说明：将函数作用于所有匹配的对象上
参数：fn (Function): 需要执行的函数
例子：
未执行jQuery前：

<img src="1.jpg"/>
<img src="1.jpg"/>
<a href="#" id="test" onClick="jq()">jQuery</a>

jQuery代码及功能：

function jq(){
    $("img").each(function(){
        this.src = "2.jpg"; });
}

运行：当点击id为test的元素时，img标签的src都变成了2.jpg。

eq(pos)
说明：减少匹配对象到一个单独得dom元素
参数：pos (Number): 期望限制的索引，从0 开始
例子：
未执行jQuery前：

<p>This is just a test.</p>
<p>So is this</p>
<a href="#" id="test" onClick="jq()">jQuery</a>

jQuery代码及功能：

function jq(){
     alert($("p").eq(1).html())
}

运行：当点击id为test的元素时，alert对话框显示：So is this，即第二个<p>标签的内容

get() get(num)
说明：获取匹配元素，get(num)返回匹配元素中的某一个元素
参数：get (Number): 期望限制的索引，从0 开始
例子：
未执行jQuery前：

<p>This is just a test.</p>
<p>So is this</p>
<a href="#" id="test" onClick="jq()">jQuery</a>

jQuery代码及功能：

function jq(){
     alert($("p").get(1).innerHTML);
}

运行：当点击id为test的元素时，alert对话框显示：So is this，即第二个<p>标签的内容
注意get和eq的区别，eq返回的是jQuery对象，get返回的是所匹配的dom对象，所有取$("p").eq(1)对象的内容用jQuery方法html()，而取$("p").get(1)的内容用innerHTML

index(obj)
说明：返回对象索引
参数：obj (Object): 要查找的对象
例子：
未执行jQuery前：

<div id="test1"></div>
<div id="test2"></div>
<a href="#" id="test" onClick="jq()">jQuery</a>

jQuery代码及功能：

function jq(){
     alert($("div").index(document.getElementById('test1')));
     alert($("div").index(document.getElementById('test2')));
}

运行：当点击id为test的元素时，两次弹出alert对话框分别显示0，1

size()   Length
说明：当前匹配对象的数量，两者等价
例子：
未执行jQuery前：

<img src="test1.jpg"/>
<img src="test2.jpg"/>
<a href="#" id="test" onClick="jq()">jQuery</a>

jQuery代码及功能：

function jq(){
     alert($("img").length);
}

运行：当点击id为test的元素时，弹出alert对话框显示2，表示找到两个匹配对象

二：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对象进行操作
herf()   herf(val)
说明：对jQuery对象属性herf的操作。
例子：
未执行jQuery前

<a href="1.htm" id="test" onClick="jq()">jQuery</a>

jQuery代码及功能：

function jq(){
    alert($("#test").href());
    $("#test").href("2.html");
}

运行：先弹出对话框显示id为test的连接url，在将其url改为2.html，当弹出对话框后会看到转向到2.html
同理，jQuery还提供类似的其他方法，大家可以分别试验一下：
herf() herf(val)   html() html(val)   id() id (val) name() name (val)   rel() rel (val)
src()    src (val)   title() title (val)   val() val(val)

操作
after(html) 在匹配元素后插入一段html jQuery代码及功能：

function jq(){  
       $("#test").after("<b>Hello</b>");  
}

执行后相当于：

<a href="#" id="test" onClick="jq()">jQuery</a><b>Hello</b>


after(elem) after(elems) 将指定对象elem或对象组elems插入到在匹配元素后

<p id="test">after</p><a href="#" onClick="jq()">jQuery</a>

jQuery代码及功能

function jq(){  
      $("a").after($("#test"));  
}

执行后相当于

<a href="#" onClick="jq()">jQuery</a><p id="test">after</p>

 

<a href="#" id="test" onClick="jq()">jQuery</a>

 


append(html)在匹配元素内部，且末尾插入指定html jQuery代码及功能：

<a href="#" id="test" onClick="jq()">jQuery</a>

 

function jq(){
      $("#test").append("<b>Hello</b>");  
}

执行后相当于

<a href="#" onClick="jq()">jQuery<b>Hello</b></a>

同理还有append(elem) append(elems) before(html) before(elem) before(elems)请执行参照append和after的方来测试、理解！

appendTo(expr) 与append(elem)相反

<p id="test">after</p><a href="#" onClick="jq()">jQuery</a>

jQuery代码及功能

function jq(){  
       $("a"). appendTo ($("#test"));  
}

执行后相当于

<p id="test">after<a href="#" onClick="jq()">jQuery</a> </p>

 


clone() 复制一个jQuery对象
empty() 删除匹配对象的所有子节点

<div id="test">
  <span>span</span>
  <p>after</p>
</div>
<a href="#" onClick="jq()">jQuery</a>

jQuery代码及功能：

function jq(){  
     $("#test").empty();  
}

执行后相当于

<div id="test"></div><a href="#" onClick="jq()">jQuery</a>


insertAfter(expr)   insertBefore(expr)
     按照官方的解释和我的几个简单测试insertAfter(expr)相当于before(elem),insertBefore(expr)相当于after (elem)

prepend (html) prepend (elem) prepend (elems)   在匹配元素的内部且开始出插入
通过下面例子区分append(elem) appendTo(expr) prepend (elem)

<p id="a">p</p>
<div>div</div>

执行$("#a").append($("div")) 后相当于

<p id="a">
   P
  <div>div</div>
</p>

执行$("#a").appendTo($("div")) 后 相当于

<div>
    div
   <p id="a">p</p>
</div>

执行$("#a").prepend ($("div")) 后 相当于

<p id="a">
   <div>div</div>
    P
</p>


remove() 删除匹配对象
注意区分empty()，empty()移出匹配对象的子节点，remove()，移出匹配对象

wrap(htm) 将匹配对象包含在给出的html代码内

<p>Test Paragraph.</p> <a href="#" onClick="jq()">jQuery</a>

jQuery代码及功能：

function jq(){  
       $("p").wrap("<div class='wrap'></div>");
}

执行后相当于

<div class='wrap'><p>Test Paragraph.</p></div>

 

<p id="test">after</p><a href="#" onClick="jq()">jQuery</a>

jQuery代码及功能：

function jq(){  
      $("#test").clone().appendTo($("a"));  
}

复制$("#test")然后插入到<a>后,执行后相当于

<p id="test">after</p><a href="#" onClick="jq()">jQuery</a><p id="test">after</p>

 


wrap(elem) 将匹配对象包含在给出的对象内 jQuery代码及功能：

<p>Test Paragraph.</p><div id="content"></div>
<a href="#" onClick="jq()">jQuery</a>

 

function jq(){  
       $("pspan 本文的讨论也很精彩，浏览讨论>>


JavaEye推荐



]]> Thu, 08 May 2008 10:43:08 +0800 http://zfms.javaeye.com/blog/190951 http://zfms.javaeye.com/blog/190951 推荐--jQuery使用手册 四 zfms 作者: zfms  链接：http://zfms.javaeye.com/blog/190948  发表时间: 2008年05月08日

声明：本文系JavaEye网站发布的原创博客文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

<div id="a" style="background:blue; color:red">css</div><P id="b">test</P>


css(name) 获取样式名为name的样式
$("#a").css("color") 将得到样式中color值red，("#a").css("background ")将得到blue

css(prop) prop是一个hash对象，用于设置大量的css样式
$("#b").css({ color: "red", background: "blue" });
最终效果是<p id="b" style="background:blue; color:red">test</p>,{ color: "red", background: "blue" }，hash对象，color为key，"red"为value，

css(key, value) 用于设置一个单独得css样式
$("#b").css("color","red");最终效果是<p id="b" style="color:red">test</p>

                                              四：JavaScript处理

$.browser() 判断浏览器类型，返回boolen值

$(function(){
    if($.browser.msie) {
         alert("这是一个IE浏览器");}
    else if($.browser.opera) {
         alert("这是一个opera浏览器");}
})

当页面载入式判断浏览器类型，可判断的类型有msie、mozilla、opera、safari

$.each(obj, fn) obj为对象或数组，fn为在obj上依次执行的函数，注意区分$().each()

$.each( [0,1,2], function(i){ alert( "Item #" + i + ": " + this ); });

    分别将0，1，2为参数，传入到function(i)中

$.each({ name: "John", lang: "JS" },  function(i){ alert( "Name: " + i + ", Value: " + this );

    { name: "John", lang: "JS" }为一个hash对象，依次将hash中每组对象传入到函数中

$.extend(obj, prop) 用第二个对象扩展第一个对象

var settings = { validate: false, limit: 5, name: "foo" };
var options = { validate: true, name: "bar" };
$.extend(settings, options);

执行后settings对象为{ validate: true, limit: 5, name: "bar" }
可以用下面函数来测试

$(function(){
       var settings = { validate: false, limit: 5, name: "foo" };
        var options = { validate: true, name: "bar" };
         $.extend(settings, options);
        $.each(settings,  function(i){ alert( i + "=" + this ); });
})


$.grep(array,fn) 通过函数fn来过滤array，将array中的元素依次传给fn，fn必须返回一个boolen，如fn返回true，将被过滤

$(function(){
        var arr= $.grep( [0,1,2,3,4], function(i){ return i > 2; });
         $.each(arr, function(i){ alert(i); });
})

我们可以看待执行$.grep后数组[0,1,2,3,4]变成[0，1]

$.merge(first, second) 两个参数都是数组，排出第二个数组中与第一个相同的，再将两个数组合并

$(function(){
        var arr = $.merge( [0,1,2], [2,3,4] )
         $.each(arr,  function(i){ alert(i); });
})

可以看出arr的结果为[0,1,2,3,4]

$.trim(str) 移出字符串两端的空格
    $.trim("   hello, how are you?   ")的结果是"hello, how are you?"


本文的讨论也很精彩，浏览讨论>>


JavaEye推荐



]]> Thu, 08 May 2008 10:40:55 +0800 http://zfms.javaeye.com/blog/190948 http://zfms.javaeye.com/blog/190948 推荐--jQuery使用手册 dom 三 zfms 作者: zfms  链接：http://zfms.javaeye.com/blog/190946  发表时间: 2008年05月08日

声明：本文系JavaEye网站发布的原创博客文章，未经作者书面许可，严禁任何网站转载本文，否则必将追究法律责任！

remove() 删除匹配对象
注意区分empty()，empty()移出匹配对象的子节点，remove()，移出匹配对象
wrap(htm) 将匹配对象包含在给出的html代码内

<p>Test Paragraph.</p> <a href="#" onClick="jq()">jQuery</a>

jQuery代码及功能：

function jq(){  
       $("p").wrap("<div class='wrap'></div>");
}

执行后相当于

<div class='wrap'><p>Test Paragraph.</p></div>

wrap(elem) 将匹配对象包含在给出的对象内 jQuery代码及功能：

<p>Test Paragraph.</p><div id="content"></div>
<a href="#" onClick="jq()">jQuery</a>

 

function jq(){  
       $("p").wrap( document.getElementById('content') );
}

执行后相当于

<div id="content"><p>Test Paragraph.</p></div>


遍历、组合
add(expr) 在原对象的基础上在附加符合指定表达式的jquery对象

<p>Hello</p><p><span>Hello Again</span></p>
<a href="#" onClick="jq()">jQuery</a>

jQuery代码及功能：

function jq(){
     var f=$("p").add("span");    
     for(var i=0;i < $(f).size();i++){
      alert($(f).eq(i).html());}
}

执行$("p")得到匹配<p>的对象，有两个，add("spa