首页 > 代码库 > jquery部分知识

jquery部分知识

2024-10-21 04:55:02   211人阅读

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(){
     $("#content p#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.1 jQuery中的$(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.1 hover：模仿鼠标悬停hover(over,out),over(Function):鼠标移到元素上要触发的函数；out(Function):鼠标移出元素要触发的函数
9.4.2 toggle：多次单击的循环响应，toggle(fn,fn...)函数，fn(Function)：第一次单击时要执行的函数；fn2()第二次单击时要执行的函数；fn3，fn4...更多次单击时要执行的函数


10 jQuery中的动画与效果
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）：（可选）在动画完成时执行的函数。

jquery部分知识


联系
我们