jQuery系列3

$(this).append(节点), 节点.appendTo($(this)):在子元素最后追加新元素.

$(this).prepend(节点),节点.prependTo($(this)):在子元素开头插入新元素.

$(this).before(节点):在此节点之前插入新元素.

$(this).after(节点):在此节点之后插入新元素.

-------------------------------------------------------------------

$(this).empty ():清空子元素.

$(this).remove ():删除自己,包括所有子孙元素.

-------------------------------------------------------------------

$(选择器>option:selected):被选中的option.

$(选择器).attr():设置或者获取标签上对应的属性值.未设置返回undefind.也可以添加和获取自定义属性.对input组件设置selected.checked等属性时,界面显示达不到想要的效果.

$(选择器).removeAttr ("attrName"): 删除指定自定义或者原始属性,不传参什么都不会发生.

$(选择器).prop():设置或获取标签自带属性值.对input组件的选中属性设置true和false时好使.

-------------------------------------------------------------------

$(选择器).width():获取或者设置组件的宽.

$(选择器).height():获取或者设置组件的高.

$(选择器).offset({top:100, left:100}):获取或者设置节点left和top值,获取的话包括margin.设置的话也会把margin计算在内.注意:如果此节点是fixed固定位置的话,当界面滑动时,获取到的值为卷出去的值加上初始值.

文本内容的初始top值为10px,当页面滚动时获取到的offset值和页面的scrollTop值打印如下:

$(选择器).scrollTop():设置或者获取上部卷曲出去的高度.

$(选择器).scrollLeft():设置或者获取左边卷出去的宽度.

----------------------------------------------------------------------

$(选择器).bind("click", callback)/$(选择器).bind({"click", callback, "mouseenter", callback2}):为节点绑定事件,绑定相同事件多次,会同时执行全部绑定事件.$(选择器).click():这种形式的绑定同样不会覆盖之前绑定的事件.

$(选择器).delegate(子选择器, 事件类型, func):为父节点下的子节点绑定事件.同上,可为同一类型事件绑定多个不同函数.值得一提的是,当使用delegate为子元素绑定事件之后,再次新添加到父元素和上面绑定的节点类型相同的节点时,新节点也会自动被绑定上相同的事件.内部调用的是on函数,推荐使用on直接绑定.

$(选择器).on(事件类型,子选择器,func):同delegate,推荐使用.

$(选择器).on(事件类型,func):为自己绑定事件.

-----------------------------------------------------------------------

解绑:

$(选择器).unbind ("event1 event2" || "event1" || ):可以移除多个事件类型的绑定,用空格分离,不传参时移除所有类型绑定的事件.

$(选择器).undelegate ():移除所有子节点所有的绑定事件.$(选择器).undelegate(选择器, "event1" || "event1 event2"):解绑子节点中相应节点的相应事件类型.

$(选择器).off ():解绑自己和子孙节点的所有事件.

$(选择器).off ("event1 event2" || "event1"):解绑自己和子孙节点的所有指定类型事件.

$(选择器).off ("event1 event2" || "event1" || "", 选择器):解绑子孙节点中对应节点的对应事件.第一个参数为""的话,移除指定节点的所有事件绑定.

$(选择器).off ("event", "**"):所有子孙节点对应事件.

--------------------------------------------------------------------

阻止事件冒泡:

在绑定的时间中return false即可.

--------------------------------------------------------------------

触发事件:

$(选择器).事件类型()/$(选择器).trigger ("event")/$(选择器).triggerHandler ("event):最后一种会阻止事件的默认行为.

--------------------------------------------------------------------

$(选择器).click (function (e) {}):可以根据e.altKey/shiftKey/ctrlKey来判断是否按下了对应键.

$("选择器>li[cusId=1]"):找到子节点有cusId属性并且值为1的li标签.

$("选择器>li").each (function (index, element) {}):遍历节点,element为DOM对象.

var item = $.noConflick ():把$赋值给item,$可以作为他用.

--------------------------------------------------------------------

$(选择器).innerWidth ()/innerHeight ()/outerWidth ()/outerHeight ():获取包括边框和不包括边框的宽高.

在$.fn中声明的方法,jQuery对象可以直接调用.

判断jQuery对象是否存在,使用$(选择器).length>0判断.

jQuery事件参数e:e.target为初始触发该事件的节点.是dom对象.是冒泡和捕捉阶段中的第一个节点.

e.currentTarget为当前节点.也是dom对象.

e.delegateTarget为代理当前节点绑定事件的对象.