`
Action-人生
  • 浏览: 99128 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

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(){
     $("#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全景知识体系脑图

    Jquery全景知识体系脑图,内容非常丰富详细,包含以下几大部分: 1,认识JQuery; 2,JQuery选择器; 3,JQuery中的DOM操作; 4,JQuery中的事件与动画; 5,JQuery性能优化和技巧; 6,编写JQuery插件; 7,JQuery...

    jQuery全能权威指南:jQuery Core+jQuery Plugin+jQuery UI+jQuery Mobile 源码

    、CSS和JavaScript知识的开发者,内容覆盖了jQuery知识体系的全部内容,包括jQuery Core、jQuery Plugin 、jQuery UI、jQuery Mobile以及大量第三方的插件库和2800多个应用jQuery技术的网页参考。

    Jquery网页部分内容加载

    此资源是网页部分内容加载。节省了网络资源。不用一下把全部的内容加载出来。

    jQuery基本知识思维导图.xmind

    jQuery的基本使用、选择器、效果、样式操作、属性操作、元素操作、尺寸操作、位置操作、以及事件注册、事件处理、事件对象、拷贝对象、多库共存、部分插件的使用

    jQuery高级编程高清PDF完整版

    在《jQuery高级编程》第1部分中,深入介绍了jQuery的基础知识、介绍了如何选择或操作DOM元素,以及如何绑定并处理浏览器的事件。 在掌握了坚实的基础知识之后,本书将继续介绍jQuery的一些高级主题,包括使用...

    JQuery权威指南电子书第一部分

    其次详细讲解了jquery的各种选择器、jquery操作dom的方法、jquery中的事件与应用、jquery中的动画和特效、ajax在jquery中的应用,以及各种常用的jquery插件的使用方法和技巧...

    jQuery高级编程

    , , 在《jQuery高级编程》第1部分中,深入介绍了iQuery的基础知识、介绍了如何选择或操作DOM元素,以及如何绑定并处理浏览器的事件。, , 在掌握了坚实的基础知识之后,本书将继续介绍iQuery的一些高级主题,包括使用...

    jQuery攻略

    本书从实际应用角度出发,介绍了使用jQuery的方方面面,不仅包括处理字符串等比较基础的内容,还涉及表单验证、视觉特效等进阶知识,以及如何使用它来实现Ajax功能,如何使用插件得到更高的开发效率。等等。几乎囊括...

    jQuery权威指南-源代码

    其次详细讲解了jQuery的各种选择器、jQuery操作DOM的方法、jQuery中的事件与应用、jQuery中的动画和特效、Ajax在jQuery中的应用,以及各种常用的jQuery插件的使用方法和技巧...

    JavaScript&jQuery;交互式Web前端开发

    这个资源共2部分,下完整才能解压。 《JavaScript&jQuery;交互式Web前端开发》欢迎选择一种更高效的学习JavaScript和jQuery的方式。你是一名JavaScript新手?或是您曾经向自己的Web页面上添加过一些脚本,但想以一种...

    jQuery技术内幕:深入解析jQuery架构设计与实现原理

    在阅读本书之前,读者应该初步掌握JavaScript、HTML、CSS的基础知识,初步掌握jQuery的使用,或者有其他语言基础。 如何阅读本书 本书共分为四大部分,首先介绍了jQuery的总体架构,然后分别分析了构造jQuery对象...

    犀利开发_jQuery内核详解与实践(完整版421页).part3(共3部分)

     执行效率是javascript脚本的第一要务,本书在详细讲解jquery基础知识和技巧用法的同时,重点讲解了如何提高jquery工作效率,如何混合使用jquery和javascript进行高效开发。此外,本书还深入剖析了jquery框架的设计...

    扩展jQuery (extending jQuery)中文版

    《扩展jQuery》分为4部分,共14章,讲解了为jQuery库创建自定义扩展的方法,从最大可重用性的角度来设计和编写插件的方法,以及为jQuery UI编写小部件和特效的方法。此外,《扩展jQuery》还讲解了另外一些关键主题,...

    jQuery Mobile实战

    而且根据读者理解这些知识的需要精心设计和构思了92个完整的实战案例,每个案例分为功能描述、实现代码、效果展示和代码分析4个部分,旨在帮助读者通过实践的方式达到迅速掌握jQuery Mobile的目的。 全书一共10章,...

    众妙之门——JavaScript与jQuery技术精粹

    全书共分为两大部分,第一部分阐述JavaScript的实战经验,共7章,内容涉及JavaScript初学者应掌握的知识,JavaScript代码复查的重要性,作者独创的七步测试法,JavaScript的十大秘密,如何避免在维护和移交代码时所...

    JQuery权威指南.pdf

    其次详细讲解了 jquery的各种选择器、jquery操作dom的方法、jquery中的事件与应用、jquery中的动画和特效、ajax在jquery中的应用,以及各种常用的jquery插件的使用方法和技巧...

    《jQuery实战》 第二版.rar

    第二版包含了jQuery 1.4 和 jQuery UI 1.8 两部分。 《jQuery实战》适合各层次Web开发人员。 jQuery之父强烈推荐;Amazon五星盛誉图书;深入剖析jQuery内部工作机制;提升Web开发效率的捷径。 jQuery是...

    jQuery权威指南 带书签

    其次详细讲解了 jquery的各种选择器、jquery操作dom的方法、jquery中的事件与应用、jquery中的动画和特效、ajax在jquery中的应用,以及各种常用的jquery插件的使用方法和技巧...

    众妙之门 JavaScript与jQuery技术精粹,完整扫描版(有目录和介绍)

    全书共分为两大部分,第一部分阐述JavaScript的实战经验,共7章,内容涉及JavaScript初学者应掌握的知识,JavaScript代码复查的重要性,作者独创的七步测试法,JavaScript的十大秘密,如何避免在维护和移交代码时所...

Global site tag (gtag.js) - Google Analytics