JQuery快速入门-事件与效果】的更多相关文章

一.事件 事件绑定的方法有两种: 绑定到元素 查找元素后绑定事件 方法1:绑定到元素 <body> <p onclick='func1()'>点击我</p> </body> <script type="text/javascript"> function func1(){ alert('123'); } 方法2:查找到元素后绑定事件 <body> <p>点击我</p> </body&g…
jQuery快速入门   jQuery jQuery介绍 1.jQuery是一个轻量级的.兼容多浏览器的JavaScript库. 2.jQuery使用户能够更方便地处理HTML Document.Events.实现动画效果.方便地进行Ajax交互,能够极大地简化JavaScript编程.它的宗旨就是:“Write less, do more.“ jQuery的优势 一款轻量级的JS框架.jQuery核心js文件才几十kb,不会影响页面加载速度. 丰富的DOM选择器,jQuery的选择器用起来很方…
Write less, do more, I like jQuery. jQuery是最常用的js库,整体来说非常轻量并易于扩展,对于移动应用可以使用其更轻量的孪生兄弟Zepto代替.其是由John Resig于2006创建的开源项目,极大的简化了javascript开发人员遍历HTML文档.操作DOM.处理事件.开发Ajax等操作,最有特色的形式是$(document).ready(function() {});其省略形式为:$(function() {});. 在使用jQuery时,需要注意…
事件 常用事件 click(function(){.......}) #触发或将函数绑定到指定元素的click事件 hover(function(){.....}) 当鼠标指针悬停在上面时触发....事件 blur(function(){........}) 当元素失去焦点时触发blur事件. focus(function(){......}) 当输入框获得焦点时 触发focus事件 change(function(){...}) 当元素的值发生改变时 触发change事件 keydown(fu…
内容目录 jQuery 入门 什么是jQuery 如何使用jQuery jQuery的运行原理 如何选择jQuery版本 ready() 准备就绪时执行代码 jQuery 核心:选取元素 使用jQuery 选择器选取元素,并封装为jQuery对象 将现有的DOM元素封装为jQuery对象 将HTML字符串封装为jQuery对象 元素筛选 jQuery 核心:DOM操作的原则 切记混淆jQuery对象和Element对象的方法 Get and Set in One 原则 Get first Set…
JQuery是什么? JQuery 是一套JavaScript库, 使用它,可以很方便的进行 JavaScript的编程.比如: 获取页面元素, 修改页面元素的CSS样式等等都可以以很简单的语法完成. 节省代码行数和减少开发的时间.物理上来看就是一份.js的文件. 如何获取和使用? JQuery  的官方网址是: http://jquery.com/  . 从这里可以获取JQuery的最新版本.(目前最新版是 V1.9.1). 使用的话,就是导入这份js文件.导入方式是在页面的head部分通过<…
jQuery 效果 1.隐藏,显示 1.1显示 hide() 和隐藏 show() 语法:$(selector).hide(speed,callback); $(selector).show(speed,callback); 例:<p>内容</p> <button id="hide">隐藏</button> <button id="show">显示</button> $(document).re…
一.什么是JQuery? jQuery是一个JavaScript库,它通过封装原生的JavaScript函数得到一整套定义好的方法.它的作者是John Resig,于2006年创建的一个开源项目,随着越来越多开发者的加入,jQuery已经集成了JavaScript.CSS.DOM和Ajax于一体的强大a功能.它可以用最少的代码,完成更多复杂而困难的功能,从而得到了开发者的青睐. 二.jQuery 的功能和优势 jQuery 作为JavaScript 封装的库,他的目的就是为了简化开发者使用Jav…
jQuery入门专题 本人博客特点:最高重要等级为*****(五红星),依次减少代表重要性相对较低! 一.jQuery简介 jQuery 是一个 JavaScript的一个库,也就是说jQuery是基于JavaScript框架开发出来的.其目的是为了最大化的简化了JavaScript书写方式. jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情.它封装JavaScript常用的功能代码,提供一种更为简便的JavaScript设计模式,优化HTML文…
一.jquery加载文档 jquery加载文档(也叫入口函数) $(document).ready(function(){ // 这里写 jQuery 代码... }); 简写方式: $(function(){ // 这里写 jQuery 代码... }); javascript加载文档(也叫入口函数) window.onload = function() { //执行代码 } 在这里说一下jquery的加载和javascript的加载的区别: jQuery 的入口函数是在 html 所有标签(…