// 创建DOM对象
$html = file_get_html('http://www.google.com/');

// 查找所有的链接，返回一个元素集合
$ret = $html->find('a');

// 返回第一个被查到的链接，如果没有找到会返回 null
$ret = $html->find('a', 0);

// 查找一个ID值为 foo 的元素
$ret = $html->find('#foo');

// 查找所有拥有 foo 样式名称的元素
$ret = $html->find('.foo');

// 查找所有a和img元素
$ret = $html->find('a,img');

// 查找所有在ul中的li
$ret = $html->find('ul li');

// 查找拥有样式名称为 hello 表格下的所有 td  元素
$es = $html->find('table.hello td');

// 查找拥有以 hello 开头的样式名称的 div 元素
$es = $html->find('div[class^="hello"]');

使用过jQuery的人应该对上面的代码风格感到非常亲切，PHP Simple HTML DOM Parser除了可以查找寻址DOM元素，还可以修改DOM，演示代码如下：

// 获得元素的 href 属性(如果属性是像 checked,selected这种类型，则返回 true 或 false)
$value = $e->href;

// 设置属性
$e->href = 'my link';

// 删除属性
$e->href = null;

// 判断元素是否拥有某种属性
if(isset($e->href))
	echo 'href exist!';

今人惊奇的是PHP Simple HTML DOM Parser竟然也支持类似于jQuery的链式功能，看下面的代码：

echo $html->find("#div1", 0)->children(1)->children(1)->children(2)->id;

看了上面的演示代码，觉得PHP Simple HTML DOM Parser真是非常地强大，完整的功能演示与用法可以到她的官方网站上查找。

Methods（方法）

下面的方法以链接地址http://julabs.me/blog/address.php#/jquery/address.html?site=julabs&name=jon#welcome为例。

$.address.baseURL()

返回：String对象

获得文档的基地址，本例为：http://julabs.me/blog/address.php

$.address.autoUpdate()

返回：Boolean对象

获得自动更新模式的设置状态

$.address.autoUpdate(value)

返回：jQuery Address对象

设置自动更新模式是否可用，默认为可用。当它被设为可用时会在地址改变时执行jQuery Address对象的$.address.change函数，当被设为不可用时，可以用来命令$.address.update()触发$.address.change函数

$.address.crawling()

返回：Boolean对象

获得crawling模式的设置状态（这个我也不知道是做什么用的–!，可以不用管它）

$.address.crawling(value)

返回：jQuery Address对象

设置crawling模式是否可用，默认为不可用

$.address.hash()

返回：String对象

获得深层链接中的哈希值，本例为：welcome

$.address.hash(value)

返回：jQuery Address对象

设置深层链接中的哈希值

$.address.history()

返回：Boolean对象

获得历史模式的设置状态

$.address.history(value)

返回：jQuery Address对象

设置历史模式是否可用，默认为可用。目前还不能支持基于Webkit的浏览器

$.address.parameter(name)

返回：String对象

根据给定的参数获得相应的查询参数值。如：用$.address.parameter('name')语句，在本例中就可以得到jon

$.address.parameter(name, value, append)

返回：jQuery Address对象

设置查询参数值。参数append默认为不可用，当传入的参数value为数组Array对象时，append为可用

$.address.parameterNames()

返回：Array对象

获得所有的查询参数名称，本例为：site,name

$.address.path()

返回：String对象

获得不包含查询字符和哈希值的深层链接值，本例为：/jquery/address.html

$.address.pathNames()

返回：Array对象

获得深层链接值中的文件夹和文件名称，本例为：jquery,address.html

$.address.queryString()

返回：String对象

获得深层链接值的查询字符，本例为：site=julabs&name=jon

$.address.queryString(value)

返回：jQuery Address对象

设置深层链接值的查询字符

$.address.strict()

返回：Boolean对象

获得严格模式的设置状态

$.address.strict(value)

返回： jQuery Address对象

设置严格模式是否可用，默认为可用

$.address.title()

返回： String对象

获得本页面的title（标题）值，本页面为jQuery的历史插件 – 潔靜精微

$.address.title(value)

返回： jQuery Address对象

设置本页面的title（标题）值

$.address.tracker()

返回： String对象

获得当前页面查看跟踪函数

$.address.tracker(value)

返回： jQuery Address对象

设置当前页面查看跟踪函数，如果跟踪函数存在的话，Google Analytics（分析）跟踪程序会自动执行跟踪函数

$.address.value()

返回： String对象

获得当前深层链接值，本例为：/jquery/address.html?site=julabs&name=jon#welcome

$.address.value(value)

返回： jQuery Address对象

设置当前深层链接值

$.address.update()

返回： jQuery Address对象

在$.address.autoUpdate()被设置为不可用时，可以用$.address.update()来更新值，执行jQuery Address对象的$.address.change函数

$.address.wrap()

返回：Boolean对象

获得wrap模式设置状态，默认为不可用

$.address.wrap(value)

返回：jQuery Address对象

设置wrap模式是否可用

这里以Validate的官方演示AJAX CAPTCHA做为例子来说明下。首先修改下process.php文件，原来的代码是

<?php
session_start();
if(strtoupper($_GET['captcha']) == $_SESSION['captcha_id'])
	echo 'true';
else
	echo 'false';
?>

原来的代码输出的是json格式，现在改成XML格式的：

<?php
session_start();
header('Content-Type: text/xml');
echo '<?xml version="1.0" encoding="UTF-8" standalone="yes"?><isvalid><result>';
if(strtoupper($_GET['captcha']) == $_SESSION['captcha_id'])
	echo 'true';
else
	echo 'false';
echo '</result></isvalid>';
?>

再改captcha.js文件，这里只例出需要修改的代码段：

remote: "process.php"

现在改成这样：

remote:{
    url:"process.php",
    data:{
        captcha:function(){
        	return $('#captcha').val();
        },
        website:'julabs'
    },
    dataType: "xml",
    success:function(response){
        var validator = $("#captchaform").data('validator');
        var element = $('#captcha').get(0);
        var previous = validator.previousValue(element);
        var valid = false;
        if($(response).find('result').text() === 'true') valid = true;
        if ( valid ) {
            var submitted = validator.formSubmitted;
            validator.prepareElement(element);
            validator.formSubmitted = submitted;
            validator.successList.push(element);
            validator.showErrors();
        } else {
            var errors = {};
            // response 换成 valid
            var message = (previous.message = valid || validator.defaultMessage( element, "remote" ));
            errors[element.name] = $.isFunction(message) ? message(value) : message;
            validator.showErrors(errors);
        }
        previous.valid = valid;
        validator.stopRequest(element, valid);
    }
}

上面例出的success方法中的大部分代码都是直接使用jquery.validate.js文件里的代码，你可以对照下jquery.validate.js文件。里面需要注意的是这几句代码：

//获得当前 form 的 validator 数据
var validator = $("#captchaform").data('validator');

//获得当前验证的元素，注意是 DOM 元素，而不是 jQuery 元素
var element = $('#captcha').get(0);

var previous = validator.previousValue(element);

var valid = false;
/**
 * 根据返回的xml内容来判断 valid 的值，
 * 判断语句可以根据具体情况进行修改
 * Ajax返回的信息格式为：
<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<isvalid>
	<result>false</result>
</isvalid>
*/
if($(response).find('result').text() === 'true') valid = true;

主要修改的就是上面列举的代码，我也写了注释来说明代码的作用。

今天也发现了一个不是问题的问题，如果Ajax的dataType设为xml时，而且在process.php文件中也没有加header('Content-Type: text/xml');代码，那么JS代码就不会执行success方法，这时候可以将dataType设为html就能正常执行了。看来jQuery可以判断返回内容的格式，还是要好好研究下jQuery的源代码。

$("img").lazyload();

Lazy Load可以实现多种效果，如你可以让图片以渐显的方式显示：

$("img").lazyload({
	effect : "fadeIn"
});

Lazy Load图片显示的触发事件你也可以设置成click和mouseover。

$("img").lazyload({
	event : "click"
});

而今天要推荐的的插件是jQuery Address，它是另一款jquery插件，可以完美地实现历史导航与刷新问题，另外还有针对Flash导航的SWFAddress。你可以查看它的文档与API，来详细了解它的用法。

jQuery Address使用很简单，最基础的使用方法如下：

$.address.change(function(event) {
	// 根据event.value的值执行相应的命令
	// $('#content').load(event.value + '.xml');
});
$('a').click(function() {
	// 下面这条命令触发$.address.change事件
	$.address.value($(this).attr('href'));
});

此插件也提供了一个可以直接使用的方法：

$('a').address();

上面这条命令也可以增加一个函数，来处理链接的值，如下：

$('a').address(function() {
	return $(this).attr('href').replace(/^#/, '');
});  

默认下，此插件会自动给属性rel值为以下格式的链接增加功能：

<a href="/deep-link" rel="address:/deep-link">Deep link</a>

下面是jQuery Address的API参考文档：

Events（事件）

$.address.change(fn)

返回：jQuery Address对象

当地址改变时会执行所绑定的函数（fn），此函数会接收一个事件对象做为参数，该事件对象包含有以下属性：value，path，pathNames，parameterNames，parameters和queryString。

$.address.init(fn)

返回：jQuery Address对象

当插件初始化时会执行所绑定的函数（fn），此函数只能执行一次，它会接收一个事件对象做为参数，该事件对象包含有以下属性：value，path，pathNames，parameterNames，parameters和queryString。

$.address.internalChange(fn)

返回：jQuery Address对象

当改变地址的行为来源于页面时，如点击页面中的一个链接，会执行所绑定的函数（fn），此函数会接收一个事件对象做为参数，该事件对象包含有以下属性：value，path，pathNames，parameterNames，parameters和queryString。

$.address.externalChange(fn)

返回：jQuery Address对象

当改变地址的行为来源于浏览器时，如点击浏览器的前进与后退按钮，会执行所绑定的函数（fn），此函数会接收一个事件对象做为参数，该事件对象包含有以下属性：value，path，pathNames，parameterNames，parameters和queryString。

Functions（函数）

address(fn)

返回：jQuery对象

为DOM元素增加本插件的功能，同时会取消DOM元素的默认行为。支持链接和表单，可以根据传入的参数值进行自定义。

这篇文章只翻译了jQuery Address的Events（事件）和Functions（函数）部分，Methods（方法）部分请查看《jQuery Address API文档——Methods（方法）》一文。

附：

无意中看到一篇介绍Deep Linking的文章：《Deep Linking in JavaScript and Ajax Applications》，里面详细地介绍了Deep Linking的理念和解决方法，很值得一看。

说起来有点土，jQuery的像册插件见过很多，像这样效果的还是第一次见到。如果是在支持CSS3的浏览器中，效果更酷，可以看到图片倾斜的效果。以后的工作中可能会用到这个插件，在这里收藏下。

这款插件的详细介绍和用法请点击这里查看。

这个插件做地非常简洁优雅，使用也简单，但效果极其华丽（也可能是它的演示图片华丽吧），看看演示就知道了。

jQuery Accordion Common的作者是个全才，不仅精通JavaScript、XHTML、CSS这些前端技术，而且还会设计和后台编程，PS、FL软件都不在话下，让我这个菜鸟看了有些自卑。