Jquery学习要点

remove 方法会删除本身以及所有子节点,可以通过过过滤器删除指定的元素;

empty会删除子节点,不删除本身那个,

append,appendto是追加,不同的是追加的对象位置不同;

after和insertafter的区别是插入的对象位置不同;

detach方法和remove效果一样不同的是detch只是删除的视觉效果,看不到了但是内存中还有这个对象,remove是彻底删除;

clone,节点克隆,无参数只克隆节点结构,有参数true将会克隆此节点所有东西,包括事件和数据;

克隆是jquery独有的只能克隆jquery绑定的事件和数据;

replaceWith和replaceAll替换节点,重点是返回替换前的节点;

wrap是包裹,缠绕的意思,这个方法会将warp中传入的节点包裹在当前节点外面;

unwrap去掉包裹,这个方法会将当前元素的父级元素删除,并且保存当前元素,如果用remove会删除掉父级元素和自身;

wrapAll方法会给一个集合添加一个共同的父级元素,如果里面传递的是一个方法,则会单独处理,每一个集合中的元素;

wrapinner给所有匹配的元素的子元素添加一个父级元素;

closest方法会沿着当前元素逐级遍历父级元素,直到查找到匹配项;

prev和next相反,prev查找当前元素的上一个同胞元素,next查找下一个同胞元素;

siblinga会查找当前元素的所有同胞元素集合;

add方法会在当前匹配的元素集合中加入新的节点数据;

each对一个元素集合的遍历,需要传递一个index参数,表示当前集合的下标,node节点,表示当前元素的对象;

jquery对象是一个类数组对象,也就是说通过jquery选择器选择的元素是存放在一个dom数组中,那么通过元素的下表可以获得dom对象,也可以通过get方法获得dom对象;

可以通过给$();传递一个dom对象,将dom对象转化为一个jquery对象,调用jquery的方法处理元素;

*会选择所有的元素;

选择器之层级选择器:

a>b会选择a的直接子元素中匹配b的元素;

a b会选择a的所有后代元素;

a + b会选择a下一个同胞元素匹配b的元素;

a~b会在a的所有兄弟元素中选择匹配b的元素;

Jquery学习要点_第1张图片

 

Jquery学习要点_第2张图片

 

Jquery学习要点_第3张图片

Jquery学习要点_第4张图片

this代表的是一个dom的上下文对象,$(this)代表的是一个jquery上下文对象;

data方法用来给标签绑定临时的数据,可以存取,提升性能;

你可能感兴趣的:(Jquery,Jquery)