jquery 基础汇总---导图篇

最近在慕课网学习了一些jquery的基础知识，为了方便记忆，整理出来的导图

jQuery基础总共分为4个部分，分别是样式篇、事件篇、动画篇、DOM篇。

样式篇，主要介绍jQuery的基础语法，选择器以及jQuery的一些属性和样式,

选择器的简介详见：http://www.cnblogs.com/amy-1205/p/5849568.html

事件篇，主要是鼠标事件，表单事件，键盘事件，事件的绑定和解绑以及自定义事件

动画篇，学习后制作出以下效果：隐藏和显示、上卷下来、淡入淡出。也可以通过自定义动画去完成一些自己想要的效果

DOM篇，主要讲解jQuery中节点的创建、插入、删除与替换，还可以了解到jQuery中丰富的遍历节点的方法

时间： 2024-10-24 00:54:11

jquery 基础汇总---导图篇的相关文章

java基础思维导图，让java不再难懂

java基础思维导图,让java不再难懂原链接:https://my.oschina.net/u/3080373/blog/873056#0-sqq-1-75211-9737f6f9e09dfaf5d3fd14d775bfee85 思维导图的好处最近看了一些文章的思维导图,发现思维导图真是个强大的工具.了解了思维导图的作用之后,觉得把它运用到java上应该是个不错的想法,这样回顾知识点的时候一目了然,快速知道自己的短板. 思维导图不仅仅只有简单明了这个好处,它还能加深人对主题的印象和理解,能

java基础思维导图

1.Java 简介.png 2.java主要特性.png 3.java发展历史.png 4.java 开发环境配置.png 5.java 基础语法.png 6.java基本概念.png 7.java面对对象 .png 8.java面对对象三大特性.png 9.java面对对象C.png 10.java基本数据类型.png 11.java基本数据类型.png 12.Java 变量类型.png 13.java修饰符.png 14.java运算符A.png 15.java运算符B.png 16.jav

原创：整理编辑jQuery全部思维导图【附下载地址】

主图全部图已经打包:下载地址 2. 3. 4. 5. 6. 附上一点简单说明 Dom对象和jquer对象之间的转化如何将一个jquery对象转换为DOM对象? test是一个span元素 var arr = $("p"); //获得一个jquery对象查看一下相关的属性 alert(arr.length); //16个元素 alert(arr[0].toString());//span对象 1.将jquery转换为一个Dom对象 var arDom = arr[0]; alert

jQuery基础修炼圣典—DOM篇

一.DOM节点的创建 1.创建节点及节点属性通过JavaScript可以很方便的获取DOM节点,从而进行一系列的DOM操作.但实际上一般开发者都习惯性的先定义好HTML结构,但这样就非常不灵活了. 试想下这样的情况:如果我们通过AJAX获取到数据之后然后才能确定结构的话,这种情况就需要动态的处理节点了本文向大家介绍一下如何使用JavaScript创建div节点元素,主要包括创建div节点元素的属性和创建div节点元素的样式两大部分内容,相信本文介绍一定会让你有所收获. 先介绍下需要用到的浏览

JQuery基础一_式样篇

1-3环境搭建进入官方网站获取最新的版本 http://jquery.com/download/ ,这里需要注意 jQuery 分 2 个系列版本 1.x 与 2.x,主要的区别在于 2.x 不再兼容 IE6.7.8浏览器,这样做的目的是为了兼容移动端开发.由于减少了一些代码,使得该版本比 jQuery 1.x 更小.更快. 如果开发者比较在意老版本 IE 用户,只能使用 jQuery 1.9 及之前的版本了.我们这本课程为了兼容性问题,使用的是 1.9 版本.jQuery 每一个系列版本分

jQuery基础修炼圣典—DOM篇（二）jQuery遍历

1.children()方法 jQuery是一个合集对象,如果想快速查找合集里面的第一级子元素,此时可以用children()方法.这里需要注意:.children(selector) 方法是返回匹配元素集合中每个元素的所有子元素(仅儿子辈,这里可以理解为就是父亲-儿子的关系) 理解节点查找关系: <div class="div"> <ul class="son"> <li class="grandson">1

JQuery基础汇总

获取对象:$("#obj"); 对象的显示与隐藏:$("#obj").show(); $("#obj").hide(); 赋值:$("#obj").val("Hello World!"); 添加属性:$("#obj").attr("disabled","disabled"); 移除属性:$("#obj").removeAttr(

AVA基础思维导图

作业:Eclipse的快捷键