[jQuery]DOM总结

1、DOM

// TODO DOM介绍

2、DOM选择

2.1$()函数

$()函数将DOM元素包装在jQuery对象中。
$()接受CSS选择符返回对应元素的jQuery对象。
防止名称冲突，使用jQuery.noConflict()

<script>    jQuery.noConflict();    jQuery(document).ready(function){        // jQuery code    });</script>

// TODO CSS选择器页面
选择器参考手册

2.2CSS选择符

基本选择符：标签名，ID，类。
$(‘#exampleID > li:not(.ExampleClass)’)：选择id为exampleID下一级的所有class不为ExampleClass的li元素

2.3属性选择器

$(‘a[href^=”mailto:”]’)：选择带有href属性且以mail开头的a元素

2.4自定义选择符

2.5DOM遍历方法

使用filter隐式遍历
筛选外链

$('a').filter(function(){    return this.hostname && this.hostname != location.hostname;});

2.6连缀

几乎所有jQuery方法返回一个jQuery对象
可以通过一行代码取得多个元素集合并执行多次操作
// TODO 连缀

3DOM操作

3.1类操作

.addClass() .removerClass()

3.2非类属性

修改title为text内容，id为第几项

$('a').attr({    title:function(){        return $(this).text();    },    id:function(index, OldValue){        return index;    }});

3.3DOM树操作

添加
删除
clone