`
Action-人生
  • 浏览: 104216 次
  • 性别: 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):(可选)在动画完成时执行的函数。
分享到:
评论

相关推荐

    《精通javascript+jquery》完整版:共计44.5M—part3

    jQuery部分知识点涵盖: 1. **选择器**:jQuery提供了一套强大的选择器系统,可以快速准确地选取DOM元素,如ID选择器、类选择器、属性选择器等。 2. **DOM操作**:简化DOM元素的操作,如$(selector).html()、$...

    Jquery网页部分内容加载

    总的来说,"Jquery网页部分内容加载"涉及到的关键知识点包括jQuery的动态内容加载方法、图片延迟加载、无限滚动实现以及性能优化策略。通过这些技术,开发者可以创建更加高效、响应式的网页,提升用户体验。

    JQuery知识框架

    - **浏览器兼容**: jQuery处理了大部分浏览器间的差异,使其能在多个浏览器上运行。 - **版本更新**: 跟踪jQuery的新版本,了解新特性,如jQuery 3.x移除了对旧版IE的支持。 通过这个知识框架,你可以逐步掌握...

    Jquery全景知识体系脑图

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

    Ajax和Jquery部分学习代码及数据库.rar

    在这个“Ajax和Jquery部分学习代码及数据库.rar”压缩包中,包含了作者在学习过程中编写的代码示例,涉及到与数据库交互的实际操作,如百度搜索提示功能的模拟、注册账号时的用户名可用性检测,以及利用jQuery实现的...

    jquery入门基础知识

    - **引入 jQuery 库**:在 HTML 文件的 `<head>` 部分引入 jQuery 文件。 - **获取 jQuery 对象**:使用 `$()` 或其他相关方法获取对 DOM 元素的引用。 - **调用 jQuery 方法**:通过调用 jQuery 对象的方法来...

    2018传智播客前端36期(JQuery部分有源码)

    本次提供的资源不仅包含JQuery部分的源码,还额外赠送了微信小程序入门、jQuery EasyUI和Bootstrap框架的相关资料。这些资源对于前端开发者而言是非常宝贵的,它们不仅可以帮助学习者更好地理解和掌握所学知识,还...

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

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

    jQuery基本知识思维导图.xmind

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

    前端jquery部分很精彩

    以上就是前端笔记中关于jQuery的精彩部分,主要介绍了jQuery库的基础知识和多种选择器的使用方法。通过这些选择器,开发者能够以非常高效的方式操作DOM元素,从而提高网页的交互性和用户体验。对于前端开发人员来说...

    Professional Jquery

    源代码是学习和掌握jQuery技术、实现复杂功能和优化网页交互不可或缺的部分。 标签:“Jquery”是文档的主题标签,直接指出了文档讨论的核心技术是jQuery。 由于文档内容的描述中并未实际给出具体的源代码或详细的...

    jquery的基本知识

    ### jQuery基本知识详解 #### 一、jQuery简介与特点 jQuery是一种快速、简洁的JavaScript库,其核心理念是“Write Less, Do More”(写得更少,做得更多)。它极大地简化了HTML文档遍历、事件处理、动画以及Ajax...

    jQuery相关知识总结.pdf

    jQuery 是一个广泛使用的 JavaScript 库,它简化了HTML文档遍历、事件处理、动画...虽然现代前端框架如React和Vue.js逐渐流行,但jQuery仍然在很多项目中扮演着重要角色,是学习JavaScript和前端开发不可或缺的一部分。

    jquery高亮图片框 jquery图片展示 jquery效果很好

    标题“jquery高亮图片框 jquery图片展示 jquery效果很好”所指的知识点主要围绕jQuery如何实现高亮图片框以及优雅地展示图片。下面将详细介绍这两个方面,并探讨jQuery库在实现这些功能时的优势。 首先,jQuery高亮...

    jQuery第六部分共七部分

    尽管提供的部分内容没有实质性的技术细节,但基于标题“jQuery第六部分共七部分”和描述“jquery第六部分,共七部分,详尽,细致,千万不可错过,特别是初级开发者”,我们可以围绕jQuery这一主题展开讲解,尤其是...

    jquery-3.3.1Windows

    在jQuery 3.3.1中,我们能看到以下关键知识点: 1. **选择器**:jQuery的核心功能之一就是强大的CSS选择器支持,使得开发者能够轻松地选取HTML元素。例如,`$("#id")`选择ID为id的元素,`$(".class")`选择所有class...

    Beginning jQuery:From the Basics of jQuery to Writing your Own Plug-ins

    6. **jQuery插件开发**:深入部分,读者将学习如何设计和实现自定义的jQuery插件,包括插件结构、命名空间、选项和回调函数的使用,从而拓展jQuery的功能。 7. **源码分析**:附带的源代码可以帮助读者更好地理解和...

    JQuery教程全集

    ### JQuery 教程全集知识点解析 #### 一、引言与基础知识 ##### 1.1 为什么选择 JQuery? 在《JQuery教程全集》的第一章中,作者首先阐述了为何选择 JQuery 这个 JavaScript 库。随着 Web 开发技术的发展,...

    JQuery1.4.1

    **jQuery 1.4.1 知识点详解** jQuery 是一个广泛使用的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画制作和Ajax交互。jQuery 1.4.1 版本是该库的一个重要里程碑,发布于2010年,它在前一版本的基础上...

Global site tag (gtag.js) - Google Analytics