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):(可选)在动画完成时执行的函数。