专注收集记录技术开发学习笔记、技术难点、解决方案
网站信息搜索 >> 请输入关键词:
您当前的位置: 首页 > jQuery

jquery一部分知识

发布时间:2010-05-20 14:01:29 文章来源:www.iduyao.cn 采编人员:星星草
jquery部分知识
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):(可选)在动画完成时执行的函数。
1楼whqet昨天 10:08
赞!排版可以更清晰些。
友情提示:
信息收集于互联网,如果您发现错误或造成侵权,请及时通知本站更正或删除,具体联系方式见页面底部联系我们,谢谢。

其他相似内容:

  • jQuery搜索框输入文字下拉揭示菜单

    jQuery搜索框输入文字下拉提示菜单 jQuery搜索框输入文字下拉提示菜单 原文地址: http://www.jq22.com/jquery-info6193 ...

  • 7个替开发者准备的有用的jQuery技巧

    7个为开发者准备的有用的jQuery技巧 一、在新窗口打开链接 用下面的代码,你点击链接即可在新窗口打开: $(document).ready(fu...

  • jQuery获取呼应Input例子

    jQuery获取相应Input例子 页面上有许多input框,使用的是EasyUI样式,中间还参杂着各种其他无id的Input框,如下: <input class=...

  • webpack 引出jquery和第三方jquery插件

    webpack 引入jquery和第三方jquery插件 1、引入jquery jQuery 直接在 html 中引入,然后在 webpack 中把它配置为全局即可。 index....

  • JQuery的开发与使用经验

    JQuery的开发与使用心得 关于jQuery的 入门使用jQuery可以很容易或具有挑战性的,这取决于你如何使用JavaScript,HTML,CSS进行开发和...

  • 深入学习jQuery卡通片控制

    深入学习jQuery动画控制 &times; 目录 [1]动画状态 [2]停止动画 [3]动画延迟[4]全局控制 前面的话   jQuery动画可以使用fade、...

  • jquery操作table报表

    jquery操作table表格 一、数据准备 <table id="table1"> <tr><th>文章标题</th><th>文章分类</th><th>发布时间</th><th>...

  • html + css + jquery实现简略的进度条实例

    html + css + jquery实现简单的进度条实例 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-eq...

  • jquery中ajax方法的datatype的功用

    jquery中ajax方法的datatype的作用 今天在维护一个项目的时候遇见了一个小问题。但是这个问题我认为对于项目十分有帮助。...

  • jQuery菜单示范(全选,反选,取消)

    jQuery菜单示例(全选,反选,取消) 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <titl...

热门推荐: