初识jQuery 2013-09-26

常用选择器

$("#bad")  　　　　　　id选择器

$("div#bad")  　　　　  id为bad 并且必须是div的元素

$("[href]")  　　　　　　有href属性的元素

$("[href ='jpg']");

$("[href !='jpg']") 　　 href属性等于jpg的元素

$("[href $='.jpg']")      href属性,并且其值是以 .jpg结尾的元素

$(".black")    　　　　　class等于black的元素

$("#tt table tr ")         选取id为tt 并且包含在table元素下的tr 元素

$("span")     　　　　　　选取所有的span标签元素

$("#bad").next()     bad下一个同辈元素           $("#bad").prev()     bad上一个同辈元素

:selected()  　　　　　　select被选取的元素

:checked()　　　　　　被选中的input元素

//事件

bind("click",function(){})　　  　　　　绑定监听点击事件

click(function(){}) 　　　　　　　　　单击事件

dblclick()　　　　　　　　　　　　　　双击事件

focus()  　　　　　　　　　　　　　　　聚焦事件

blur()　　　　　　　　　　　　　　　　 失去焦点事件

select()　　　　　　　　　　　　　　　　选择事件

submit()     　　　　　　　　　　　　提交事件      preventDefault  可阻止提交

//关于文本内容

.html('xxxx')  填入指定文本

.append('xxxxx')   末尾 追加指定文本 (内部)

.prepend('xxxx')  预定义指定文本(内部)

.after('xxxx')   在元素之后添加

.before('xxxx')   在元素之前添加

empty() 移除  detach() 移除  remove() 移除

empty()  remove()  detach()三者的区别
empty() 删除子节点
remove() 删除本身和子节点以及绑定事件
detach()    删除本身和子节点,

attr和val的区别

都可以获取值,val只能获取value的值  而attr可以主动获取属性的值

<input data-name="user" id="name" value="aaaa" />

$('#name').val() ;/* 'aaaa'*/

$('#name').attr('data-name'); /*user*/

 

bind和live的区别

bind绑定当前已有的节点事件,而对于动态生成的,不会生效 

live  可以对动态生成的继续保持事件监听

但还不支持 blur, focus, mouseenter, mouseleave, change, submit