jquery快速入门三

【jquery快速入门三】的更多相关文章

事件常用事件 click(function(){.......}) #触发或将函数绑定到指定元素的click事件 hover(function(){.....}) 当鼠标指针悬停在上面时触发....事件 blur(function(){........}) 当元素失去焦点时触发blur事件. focus(function(){......}) 当输入框获得焦点时触发focus事件 change(function(){...}) 当元素的值发生改变时触发change事件 keydown(fu…

day 48 jQuery快速入门

jQuery快速入门 jQuery jQuery介绍 1.jQuery是一个轻量级的.兼容多浏览器的JavaScript库. 2.jQuery使用户能够更方便地处理HTML Document.Events.实现动画效果.方便地进行Ajax交互,能够极大地简化JavaScript编程.它的宗旨就是:“Write less, do more.“ jQuery的优势一款轻量级的JS框架.jQuery核心js文件才几十kb,不会影响页面加载速度. 丰富的DOM选择器,jQuery的选择器用起来很方…

jquery快速入门（三）

捕获内容和属性 1.DOM 操作获得内容 - text().html() 以及 val() text() - 设置或返回所选元素的文本内容,如果不带值则是返回值,如果带值则是修改值,如:$('p').text('我要修改原来的文本'); html() - 设置或返回所选元素的内容(包括 HTML 标记),如果不带值则是返回值,如果带值则是修改值,如:$('p').html("<b>Hello world!</b>"); val() - 设置或返回表单字段的值,…

jQuery 快速入门教程

内容目录 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 效果 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入门专题本人博客特点:最高重要等级为*****(五红星),依次减少代表重要性相对较低! 一.jQuery简介 jQuery 是一个 JavaScript的一个库,也就是说jQuery是基于JavaScript框架开发出来的.其目的是为了最大化的简化了JavaScript书写方式. jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情.它封装JavaScript常用的功能代码,提供一种更为简便的JavaScript设计模式,优化HTML文…

jQuery简单入门(三)

3.事件和动画 A. 事件 Aa. DOM加载 1.为什么使用jQuery加载DOM方法? 以javascript的window.onload()方法加载DOM的先决条件是:必须等待被请求页面的资源全部加载完成,才会为DOM元素添加事件行为;而jquery只要DOM元素加载完成,就立刻绑定事件 2.表现形式: $(function() { //你的实现逻辑 }); Ab. 事件绑定事件绑定方法bind(eventType [, data], function() {...}) 表现形式: $…

jquery快速入门（四）

jQuery 遍历向上遍历 DOM 树 parent() parent() 方法返回被选元素的直接父元素.该方法只会向上一级对 DOM 树进行遍历. parents() parents() 方法返回被选元素的所有祖先元素,它一路向上直到文档的根元素 (<html>).也可以设定参数让它过滤对祖先元素的搜索如:$(document).ready(function(){ $("span").parents("ul"); //这样它遍历的就是span的所有…

jquery快速入门（一）

一.jquery加载文档 jquery加载文档(也叫入口函数) $(document).ready(function(){ // 这里写 jQuery 代码... }); 简写方式: $(function(){ // 这里写 jQuery 代码... }); javascript加载文档(也叫入口函数) window.onload = function() { //执行代码 } 在这里说一下jquery的加载和javascript的加载的区别: jQuery 的入口函数是在 html 所有标签(…

JQuery快速入门-简介

一.什么是JQuery? jQuery是一个JavaScript库,它通过封装原生的JavaScript函数得到一整套定义好的方法.它的作者是John Resig,于2006年创建的一个开源项目,随着越来越多开发者的加入,jQuery已经集成了JavaScript.CSS.DOM和Ajax于一体的强大a功能.它可以用最少的代码,完成更多复杂而困难的功能,从而得到了开发者的青睐. 二.jQuery 的功能和优势 jQuery 作为JavaScript 封装的库,他的目的就是为了简化开发者使用Jav…