`

JQuery基础教程学习第四章笔记

阅读更多

1、css()方法
可以修改或取值,写法如下:
(1)获取css的中属性的方法
  .css('property1');
(2)修改css中的属性值
  .css('property1','value1');
  .css({'property1':'value1',property2:'value2'});
 parseFloat()函数,第一个参数是要转化的string值,要求必须以数字开头,第二个参数是转化的浮点数,如十进制等等
slice()获取从参数开始的子字符串,可以是正数和负数。
2、基本的显示和隐藏
.hide()和.show();两个方法不带任何参数,表示立即隐藏或显示匹配的元素集合,不带任何动画效果。
函数带参数则表明采用动画的方式进行,速度的参数有:slow、normal和fast及具体数值。
3、多重效果
fadeIn()、fadeOut()、fadeTo(),slideDown()、slideUp();
4、animate()多重效果,可以采用连缀的方式一点点增加效果。
(1)一组元素上的效果
当在一个animate()方法中以多个属性的方式应用时,是同时发生的。
当以方法连缀的方式应用时,是按顺序发生的。
(2)多组元素上的效果
默认情况下是同时发生的
当在事件中处理回调函数时,是按顺序发生的。
$(document).ready(function(){
 $('div .label').click(function(){
$('div .button').fadeTo('slow',0.5)
.amimate({left:650},'slow')
.fadeTo('slow',1.0,function(){
 $(this).css('backgroundColor','#foo');
 });
    });
});

分享到:
评论

相关推荐

    jQuery基础教程笔记适合js新手第1/2页

    这些是jQuery基础教程中的一些关键点,对于JS新手来说,理解和掌握这些概念将有助于更好地利用jQuery进行网页开发。通过实践和不断学习,你可以更熟练地运用jQuery来提升网页交互性和用户体验。

    jquery 学习笔记源码 1-3章

    总结来说,《jQuery学习笔记源码1-3章》提供了从基础到实践的全面教程,通过学习和实践这些源码,你将能够熟练掌握jQuery的基本操作,如选择元素、处理事件和创建动画,为后续的Web开发工作打下坚实基础。...

    JQuery教程-从零开始学习jQuery

    该教程不仅仅是一份学习笔记,而是希望能够系统地、深入浅出地教授JQuery的知识,并且尽量做到全面。大部分知识点来自图灵出版社出版的《JQuery实战》一书,这本书被推荐给读者作为深入学习的参考。 ##### 什么是...

    千峰python课件笔记+源码 (凯哥)

    ------- 第一章: 千锋python基础 千锋python基础教程:1、第一个...第四章 Tornado 1、走通Tornado基础流程 2、请求与响应 3、模板和数据库以及接口的调用顺序 4、应用安全 5、同步与异步+使用WebSocket实现在线聊天

    李炎恢66讲视频教程 jquery PDF文件完整版全集资源

    第4章至第7章重点讲解了jQuery的事件处理和回调函数。这里会详细解释如何绑定和触发事件,以及如何利用事件委托提高代码的效率和可维护性。此外,还涵盖了常见浏览器事件的使用。 第8章至第10章主要涉及jQuery的...

    杨中科.Net培训实况教学视频学习笔记+视频地址1-13季

    在杨中科的课程中,学员将从基础开始学习C#,如创建第一个控制台程序、理解变量、数据类型和基本运算。 3. **开发工具Visual Studio**: 作为.NET开发的主要IDE,Visual Studio提供了强大的代码编辑、调试、版本控制...

    jquery动画笔记

    本篇主要针对jQuery的动画功能进行深入探讨,结合“笨人的学习笔记”中的视频教程,我们将一起学习如何运用jQuery实现各种动画效果。 一、jQuery动画基础 jQuery的动画功能主要通过几个核心函数实现,包括`fadeIn...

    jQuery上学时候的笔记(私人珍藏,全是精华)

    不过,核心概念和大部分的API设计是一致的,所以即使版本更新,这些基础知识依然是学习和应用jQuery的重要参考。 通过上述内容的介绍,我们可以了解到jQuery提供的核心功能和操作方法。对于前端开发人员来说,掌握...

    李炎恢JavaScript-pdf文档笔记

    《李炎恢JavaScript-pdf文档笔记》是一份详细记录了JavaScript编程语言基础知识至高级应用的教程,涵盖了从第一章到第三十四章的丰富内容。这个压缩包包含了一份PDF文档,旨在帮助学习者深入理解并掌握JavaScript的...

    复习资料jquery

    总的来说,这个压缩包提供了一个全面复习jQuery的框架,包括官方API参考、基础教程、可能的面试准备和实际应用示例。通过深入研究这些材料,开发者可以提升其jQuery技能,理解如何更有效地利用这个强大的库来创建...

    15天学会jquery_完整版_

    **第1天:jQuery基础知识** - **jQuery选择器**:学习如何使用ID选择器、类选择器、元素选择器等,以及更复杂的组合选择器和伪类选择器。 - **DOM操作**:了解如何使用jQuery选取元素、添加或删除元素,并进行属性...

    jQuery适应手机mobile左右全屏幻灯片切换插件.zip

    4. **jQuery插件**:这是一个为jQuery框架开发的第三方组件,扩展了其原有功能。 5. **jQuery实例**:表示这个插件是一个实际的应用示例,可以直接在项目中使用或学习参考。 根据压缩包内的文件名称,我们可以推测...

    jQuery单选按钮和复选按钮美化效果.zip

    1. **jQuery基础**:jQuery库通过选择器、事件处理、动画和AJAX等特性,简化了DOM操作。在这个项目中,jQuery被用来改变HTML元素的样式和行为,尤其是单选按钮和复选按钮。 2. **选择器**:jQuery的选择器允许...

    tj12401101前端开发笔记

    【标题】"tj12401101前端开发笔记" 提示我们这是一个关于前端开发的学习资源,可能是某位开发者的学习记录或者教程集合。前端开发是构建互联网应用程序的重要部分,涉及到用户与网站交互的所有视觉元素。在这个笔记...

    千锋教育Python入门教程.pdf

    9. **JavaScript与JQuery基础**:JavaScript是前端开发的关键,JQuery则是一个简化JavaScript操作的库,它们可以用于动态网页和交互式用户界面的开发。 10. **Python项目实战**:包括爬虫开发,使用Selenium或lr...

    Angular4学习笔记之新建项目的方法

    在Angular4的学习过程中,新建项目是开发者的第一步。本文将详细介绍如何从零开始创建一个Angular4项目,并在项目中引入jQuery和Bootstrap库。首先,确保你已经安装了Node.js,这是开发Angular应用的基础。 安装...

    Javascript入门学习资料收集整理篇

    Javascript入门学习第一篇 js基础Javascript入门学习第二篇 js类型...js dom实例操作Javascript入门学习第八篇 js dom节点属性说明Javascript入门学习第九篇 Javascript DOM 总结jQuery基础教程笔记适合js新手

    Javaweb(3)学习资料

    "Javaweb(3)"可能表示这是关于JavaWeb学习的第三个部分,或者是一个系列教程的第三章,重点在于进阶知识。标题和描述虽然简洁,但暗示了我们将深入学习JavaWeb的高级概念,可能是建立在对基础如Servlet、JSP的理解之...

    PHP100视频教程

    2. **第41讲.ppt** - 这可能是一个PowerPoint演示文稿,作为第41节的辅助教学材料,可能会包含幻灯片式的讲解内容,便于学习者回顾和笔记。 3. **使用说明文档.txt** - 这是一个文本文件,可能包含了如何使用这些...

    揭开AJAX神秘的面纱(AJAX个人学习笔记)第1/5页

    学习AJAX需要时间和实践,对于初学者,建议结合书籍和在线教程,逐步深入学习,同时动手实践,以加深理解。通过实例练习,你可以更好地掌握AJAX技术,并将其应用于实际项目中,提升Web应用程序的用户体验。

Global site tag (gtag.js) - Google Analytics