jquery部分知识

http://blog.csdn.net/heye13/article/details/42339675

7操作得到的元素

7.1操作属性

7.1.1读取属性attr(name)函数

7.1.2修改属性attr(key,value)函数

7.1.3删除属性removeAttr(name)函数

7.2操作样式类

7.2.1添加样式类addClass("样式表的名称")

7.2.2去除样式类removeClass()

7.2.3交替样式类toggleClass()

7.3操作css

7.3.1读取css样式css(name)

7.3.2设置css样式css(name,value);css(properties)函数;如:

$(document).ready(function(){

$("#testbutton").click({

function(){

$("#contentp#second").css({"color":"white",});

}

});

});

8使用jQuery进行DOM操作

8.1在元素内部插入DOM元素-append(content)函数和appendTo(content)函数

1.append(content)函数是向每个匹配的元素内部

追加内容;$(A)appendTo(B)的操作是把A追加到B。

2.append(content)函数和appendTo(content)函数是用于插入DOM元素到页面元素之前;prepend()和prependTo()用于插入到页面元素之后的。

8.2在元素外部插入DOM元素-before(content)和after(content)

8.3包裹DOM元素

8.3.1使用指定的元素标记进行包裹wrap(elem)函数,如:$("p#second").wrap($(".test"));//使用class为test的元素包裹给定的元素。wrapAll(elem)将所有匹配的元素用单个元素包裹起来。

8.3.2使用HTML标记进行包裹,与上一个类似wrap(html)

8.3.3包裹内部元素wrapInner(content)函数

8.4替换DOM元素replaceAll(selector用于查找所要被替换的元素);replaceWith(content用于将匹配元素替换掉的内容)

8.5删除DOM元素empty()和remove()

8.6克隆DOM元素clone(ture),如:$(elem).clone(true).insertAfter(elem);//使用clone函数元素复制,insertAfter()函数用于将克隆出来的新元素放置在当前元素后边进行显示。

9.1页面载入完毕响应事件

9.1.1jQuery中的$(document).ready()事件

9.2绑定与反绑定事件监听器

9.2.1绑定事件bind(type,[data],fn)函数,type(string):事件类型;data(Object):(可选)作为event.data属性值传递给事件对象的额外数据对象;fn(Function):绑定到每个匹配元素的事件上面的处理函数。

9.2.2反绑定事件unbind([type],[data])

9.2.3一次性的事件绑定one(type,[data],fn)

9.3事件触发器triggerHandler(type,[data])和trigger(type,[data])函数

9.4事件的交互处理

9.4.1hover:模仿鼠标悬停hover(over,out),over(Function):鼠标移到元素上要触发的函数;out(Function):鼠标移出元素要触发的函数

9.4.2toggle:多次单击的循环响应,toggle(fn,fn...)函数,fn(Function):第一次单击时要执行的函数;fn2()第二次单击时要执行的函数;fn3,fn4...更多次单击时要执行的函数

10jQuery中的动画与效果

10.1基本效果:隐藏与显示hide(speed,[callback])与show(speed,[callback])函数。交替显示toggle(speed,[callback])函数。

10.2滑动效果

10.2.1向上收缩效果slideUp(speed,[callback])

10.2.2向下展开slideDown(speed,[callback])

10.2.3交替伸缩样式slideToggle(speed,[callback])

10.3淡入淡出效果

10.3.1淡入效果fadeIn()

10.3.2淡出效果fadeOut()

10.3.3自定义不透明度fadeTo(speed,opacity,[callback])。

10.4自定义动画效果

10.4.1自定义动画animate(params,duration,easing,callback)函数,params(Options):一组包含作为动画属性和终值的样式属性和及其值得集合;duration(string,number):(可选)三种预定速度之一的字符串(“slow”,“normal”,“fast”)或表示动画时长的毫秒数值;easing(string):(可选)要使用的擦除效果的名称。提供了linear和swing;callback(function):(可选)在动画完成时执行的函数。

相关推荐