jQuery 如何获取元素
$(document)//获取整个文档对象
$(div)//获取全部div节点
$('#logo')//获取id为logo的节点
$('.list')//获取class为list的节点
除此之外jQuery还提供了一些特殊的过滤表达式
$(div:animated) // 选择正在执行动画的div节点
$(div:eq(2)) // 选择索引值为2的div节点
$(tr:even) // 选择表格中的偶数行
$(tr:first) // 选择表格中第一行
$(div:focus) // 选择当前获取焦点的div节点
$(div:gt(2)) // 选择除前三个外的所有div节点
$(ul).find('li:not(.name)')//找到ul下面的所有li除了.name
jQuery 的链式操作是怎样的
$(ul).find('li:not(.name)').addClass('red')使代码整洁简单
jQuery 如何创建元素
$("<div>new link</div>")
jQuery 如何移动元素
.after();//在节点后面插入兄弟节点
.insertAfter();//after是用选择器插入节点,insertAfter是在节点插入选择器
//$('.div1').after('<p>内容</p>');
//$('<p>内容</p>').insertAfter('.div1');
//结果是一样的,但是返回值不一样
//after返回的是document
//insertAfter返回的是节点
.before();//在节点前面插入兄弟节点
.insertBefore();//同上
.append();//在子节点的最后插入
.appendTo();//同上
.prepend();//在子节点的前面插入
.prepndTo()//同上
jQuery 如何修改元素的属性
.addClass();//添加class
.hasClass();//确定节点是否拥有该clss
.removeClass();//移除所选的class
.css('conor','red');//获取/设置 集合第一个元素的css
.html();//获取/设置第一个节点的HTML内容
.attr('src','main.js');//获取/设置节点属性的值
.prop();//匹配第一个元素的属性;设置元素属性的值
jQuery 如何删除元素的属性
.detach();//适用于节点移除后,还需要在重新插入原来的位置的功能
.remove();//适用于永久移除节点,同时会移除绑定的事件
.empty();//移除所有子节点
.unwrap();//移除父节点,不移除本身和兄弟节点