【Jquery复习总结】的更多相关文章

jQuery 复习

jQuery 复习 基础知识 1, window.onload $(function(){});   $(document).ready(function(){}); 只执行函数体重的最后一个方法,事件 依次执行函数体中的所有方法,事件 2,jQuery对象和DOM对象 jQuery对象 DOM对象 $("#food").html(); document.getElementById("food").inerHTML; 3,jQuery对象和DOM对象的相互转换 J…

Jquery 复习练习（01）

Jquery 复习练习 window.onload = function() {} == $(function() {}); 千万注意:js对象和jq对象的区别,这也是常常犯的错误 js对象举例: window.onload=function(){ var a = document.getElementById("shang"); a.style.backgroundColor = "#F00"; } jq对象举例: $(function(){ var a=$(&q…

②jquery复习

# jQuery 复习--by 传智前端与移动开发学院 ## 1. jQuery是什么?(了解)+ www.github.com+ jQuery 其实就是一堆的js函数,是普通的js,只不过应用广泛,形成了行业标准.+ 参考书:锋利的jQuery+ 学习参考:http://www.w3school.com.cn/jquery/+ 官网:http://jquery.com/+ <img src="" > ##2. jQuery的重点+ 2.1 jQuery入口函数(全球都会)…

jquery复习笔记

Jquery基础 让一个按钮灰掉 $("button").("disabled","true"); ance desc选择器(ance代表祖先元素,desc代表子孙后代元素.注意:不仅包括子代还包括孙代). parent > child选择器 . 它所选择的目标是子集元素,相当于一个家庭中的子辈们,但不包括孙辈 当让一个列表中隐藏的li选项显示出来时,用show()方法和css("display","none&…

Jquery 复习练习（02）Javascript 与jquery 互转 onclick 与click区别

Javascript 与jquery 互转 jquery 为<script src="jquery-1.8.3.js"></script> 以checkbox为例: 示例:<input type="checkbox" onClick="checkName()" name="ckGroup" id="ckGroup" checked="checked" /&g…

2016/4/21 关于jquery复习

jQuert AJAX [1]jQuery load()方法 :是AJAX方法, 从服务器加载数据,并把数据放入被选元素中 语法: $(selector).load(URL,data,callback); 例1:$("#div1").load("demo_test.txt");[文件 "demo_test.txt" 的内容加载到指定的 <div> 元素中:] 例2;$("#div1").load("dem…

jQuery复习：第五章

一.表单应用 1.表单验证: 首先创建一个表单: <form method="post" action=""> <div class="int"> <label for="username">用户名:</label> <input type="text" id="username" class="required"…

jQuery复习：第四章

一.jQuery中的事件 1.加载DOM $(document).ready()和window.onload方法具有类似功能,但是执行时机不同.window.onload方法是在网页中所有的元素都加载到浏览器之后才执行,而$(document).ready()方法注册的事件处理程序在DOM完全就绪时就可以被调用.但是有时候图片还没加载完DOM就准备就绪了,所以解决这个问题就需要用load()方法. 2.事件绑定 可以使用bind()方法来对匹配元素进行特定事件的绑定.调用格式:bind(type…

jquery复习日记（1）

jquery封装了JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作.事件处理.动画设计和Ajax交互. 核心关键字: 链式.多功能.高效灵活   1.安装jquery 1)npm下: npm install jquery 2)文件引入: <script src="./jquery/jquery.min.js"></script> 3)cdn在线引入 <script src="https://cd…

Jquery复习（十）之$.fn.extend()

定义和用法 $.fn.extend() 函数为jQuery扩展一个或多个实例属性和方法(主要用于扩展方法). 提示:jQuery.fn是jQuery的原型对象,其extend()方法用于为jQuery的原型添加新的属性和方法.这些方法可以在jQuery实例对象上调用. 语法 $.fn.extend( object ) 参数 object:Object类型 指定的对象,用来合并到jQuery的原型对象上. 实例 添加两个方法到jQuery原型($.fn) <label><input typ…

Jquery复习（九）之noConflict()

如何在页面上同时使用 jQuery 和其他框架? jQuery 和其他 JavaScript 框架 正如您已经了解到的,jQuery 使用 $ 符号作为 jQuery 的简写. 如果其他 JavaScript 框架也使用 $ 符号作为简写怎么办? 其他一些 JavaScript 框架包括:MooTools.Backbone.Sammy.Cappuccino.Knockout.JavaScript MVC.Google Web Toolkit.Google Closure.Ember.Batman…

Jquery复习（八）之遍历

jQuery 遍历 - 祖先 parent() parents() parentsUntil() jQuery parent() 方法 parent() 方法返回被选元素的直接父元素. 该方法只会向上一级对 DOM 树进行遍历. jQuery parents() 方法 parents() 方法返回被选元素的所有祖先元素,它一路向上直到文档的根元素 (<html>). 您也可以使用可选参数来过滤对祖先元素的搜索. 下面的例子返回所有 <span> 元素的所有祖先,并且它是 <u…

Jquery复习（七）之尺寸

jQuery 尺寸 方法 jQuery 提供多个处理尺寸的重要方法: width() height() innerWidth() innerHeight() outerWidth() outerHeight() jQuery 尺寸 jQuery width() 和 height() 方法 width() 方法设置或返回元素的宽度(不包括内边距.边框或外边距). height() 方法设置或返回元素的高度(不包括内边距.边框或外边距). jQuery innerWidth() 和 innerHei…

Jquery复习（六）之remove()易忘点和trigger()

过滤被删除的元素 jQuery remove() 方法也可接受一个参数,允许您对被删元素进行过滤. 该参数可以是任何 jQuery 选择器的语法. 下面的例子删除 class="italic" 的所有 <p> 元素: $("p").remove(".italic"); trigger() 触发被选元素指定的事件类型 语法 $(selector).trigger(event,[param1,param2,...]) event 必需.规…

Jquery复习（五）之append()、appendTo()、prepend()、prependTo()、after()、before()易忘点

添加元素的方法 append().appendTo().prepend().prependTo().after().before() 通过 append() .appendTo().prepend() .prependTo()方法添加若干新元素 在上面的例子中,我们只在被选元素的开头/结尾插入文本/HTML. 不过,append() 和 prepend() 方法能够通过参数接收无限数量的新元素.可以通过 jQuery 来生成文本/HTML(就像上面的例子那样),或者通过 JavaScript 代…

Jquery复习（四）之text()、html()、val()

三个简单实用的用于 DOM 操作的 jQuery 方法: text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容(包括 HTML 标记) val() - 设置或返回表单字段的值 $("#btn1").click(function(){ $("#test1").text("Hello world!"); }); $("#btn2").click(function(){ $("#tes…

Jquery复习（三）之链式调用

通过 jQuery,可以把动作/方法链接在一起. Chaining 允许我们在一条语句中运行多个 jQuery 方法(在相同的元素上). jQuery 方法链接 直到现在,我们都是一次写一条 jQuery 语句(一条接着另一条). 不过,有一种名为链接(chaining)的技术,允许我们在相同的元素上运行多条 jQuery 命令,一条接着另一条. 提示: 这样的话,浏览器就不必多次查找相同的元素. 如需链接一个动作,您只需简单地把该动作追加到之前的动作上. 下面的例子把 css().slideU…

Jquery复习（二）之stop()易忘点

jQuery stop() 方法 jQuery stop() 方法用于停止动画或效果,在它们完成之前. stop() 方法适用于所有 jQuery 效果函数,包括滑动.淡入淡出和自定义动画. 语法:$(selector).stop(stopAll,goToEnd); 可选的 stopAll 参数规定是否应该清除动画队列.默认是 false,即仅停止活动的动画,允许任何排入队列的动画向后执行. 可选的 goToEnd 参数规定是否立即完成当前动画.默认是 false. 因此,默认地,stop()…

Jquery复习（一）之animate()易忘点

可以用 animate() 方法来操作所有 CSS 属性吗? 是的,几乎可以!不过,需要记住一件重要的事情:当使用 animate() 时,必须使用 Camel 标记法书写所有的属性名,比如,必须使用 paddingLeft 而不是 padding-left,使用 marginRight 而不是 margin-right,等等. 同时,色彩动画并不包含在核心 jQuery 库中. 如果需要生成颜色动画,您需要从 jquery.com 下载 Color Animations 插件. jQuery…

我的JQuery复习笔记之①——text(),html(),val()的区别

text():①可匹配多个元素 ②过滤其中的标签(只显示文字) ③只适用于双标签 html():①只匹配选中元素中的第一个 ②不过滤其中标签 ③只适用于双标签 val():①只匹配选中元素中的第一个 ②适用于单标签 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">…

jQuery复习：第二章&第三章

第二章 一.选择器 1.层次选择器 $(“ancestor descendant”)选取ancestor元素里的所有后代元素 $(“parent > child”)选取parent元素下的child子元素. 2.表单选择器 $(“#form1 input”)选取form1下所有<input>元素 $(“form1 :input”)选取form1下所有<input>.<textarea>.<select>和<button>元素. 3.选择器中…

JQuery复习心得

this === event.currentTarget    event.stopPropagation  阻止冒泡  http:www.css88.com JQ和原生JS入口函数的区别: 书写个数不同 原生JS中入口函数只能出现一次,出现多次后会被层叠掉 JQ中可以随意使用,不会被层叠掉 执行时机不同 原生JS的入口函数在所有资源文件加载完成后执行.包括外部JS.外部CSS.页面文档.图片 JQ的入口函数在文档加载完后就执行,也就是在DOM树加载好后就可以直接操作DOM,不需要等所有外部元素…

Jquery复习总结

1.选择器: $(".class") $("#id") $("div") $("a p") $(div:first).css("border","2px solid red") 2.过滤器: $('div').find('.child').css('border','2px solid #999'); $('#child1').parent().css('border','2px sol…

jquery复习

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script> </head> &…

复习 | 重温jQuery和Zepto的API

jq和zepto很相似有许多共同的api,zepto也出了很多与jq不一样的api,总的来说,两者更相似,但是zepto更轻量一点,正好公司也在用,复习这两个没错 jq中的zepto的事件和ajax我没有整理,因为之前有专门的文章去详细的写了ajax和事件绑定的区别 再学ajax--第一天 再学ajax--第二天 | 基于php+mysql+ajax的表单注册.登录.注销 JS进阶 | 分析JS中的异步操作 面试 | 蚂蚁金服面试经历 也讲到了js中的绑定事件的区别bind.on.delegat…

前端笔记之Vue（五）TodoList实战&拆分store&跨域&练习代理跨域

一.TodoList 1.1安装依赖 安装相关依赖: npm install --save-dev webpack npm install --save-dev babel-loader babel-core babel-preset-es2015 npm install --save-dev vue-loader npm install --save-dev css-loader npm install --save-dev vue-template-compiler npm install…

html+css复习之第3篇 | jquery | bootstrap

html+css复习之第3篇 | jquery  | bootstrap…

复习JS和jQuery

复习JS和jQuery 近些时日,以前学过的东西忘了好多.今天且写一点复习一下JS和jQuery.希冀与某年某月某日,忘却的时候,能看一下自己写的博文,尚可记起一二. 现在有需求如下:有两个按钮,一个是增加按钮,一个是删除按钮.当点击增加按钮的时候,就增加一行,当点击删除按钮的时候就删除一行, 要求是从最下面的开始删起,当只剩一行的时候就不可以再删除下去了.这个就有点相当于是第一行是表头吧,比如写姓名,或者年龄什么的,这些不可删除的,而下面写的实际的一些数据就可以删除了.要求用JS和jQuery…

一周一话题之四（JavaScript、Dom、jQuery全面复习总结<jQuery篇>）

-->目录导航 一. 初探Jquery 1. 介绍 2. 基础 二. Jquery操作 1. jQuery页面加载 2. 选择器 3. 操作Dom 三. Jquery进阶 1. 隐式迭代与链式编程 2. RadioButton操作 3. 事件 4. 动画 5. jQuery 插件 6. Ajax 四. Jquery练习 一. 初探Jquery 在BS系统开发中,Jquery的使用更加是少不了的,通过本文我们来复习一下Jquery的知识,达到温故而知新的目的. 1. 介绍 jQuery就是Java…

Jquery学习笔记（9）--注册验证复习（未用到ajax）

纯复习,在$(this).val()这里浪费了时间,val()只适合input里面的value值,如果是span等标签里包裹的文本要用text()!! <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="jquery.js"…