初识jQuery(2)】的更多相关文章

个人学习笔记  初识jQuery 1.我的第一个JQuery <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>MyJQuery</title> <script src="jquery-1.12.4.js"></script> <script> //J…
第一章:初识jQuery 一.原生的JS与jQuery的区别 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>03-jQuery和JS入口函数的区别</title> <script src="js/jquery-1.12.4.js"></script> <…
1.jQuery简介: ● jQuery由美国人John Resig于2006年创建 ● jQuery是目前最流行的JavaScript程序库,它是对JavaScript对象和函数的封装 ● 它的设计思想是write less,do more(以更少的代码,实现更多的功能):                                     ●jQuery是javaScript的程序库之一,它是javaScript对象和实用函数的封装. ●jQuery是继Prototype之后又一个优秀的…
初识jquery 在学习jquery之前,就有看过一些相关的视频,才知道它是可以写很少的代码就可以完成很多事的.记得第一写轮播图的时候,首先就百度了篇轮播图的实现,当时还不知道自己百度的其实不是原生的JS代码,而是用jquery完成的,当时也是初识JS,然后就一脸懵逼的看了视频,结果好像还看懂了,于是跟着他的代码像做着世界上最伟大的事一样的敲着代码,编译的时候却没反应,经过一些了解后才发现这是用传说中的jquery完成的.尽管第一次接触jquery不是为接触而接触的,但是也意识到了他强大的功能.…
全部章节   >>>> 本章目录 6.1 jQuery概述 6.1.1 初识 jQuery 6.1.2 jQuery 基本功能 6.1.3 搭建 jQuery 开发环境 6.1.4 编写一个简单的 jQuery 应用 6.1.5 jQuery代码的特点 6.1.6 实践练习 6.2 jQuery 基本选择器 6.2.1 jQuery 选择器概述 6.2.2 基本选择器 6.2.3 实践练习 6.3 过滤选择器 6.3.1 基本过滤选择器 6.3.2 内容过滤选择器 6.3.3 可见…
轻量级的js库 兼容各种浏览器+css3 传统:js+DHTM   jq:解放了客户端的编程, 环境搭建 进入官方网站获取最新的版本 http://jquery.com/download/  ,这里需要注意 jQuery 分 2 个系列版本 1.x 与 2.x,主要的区别在于 2.x 不再兼容 IE6.7.8浏览器,这样做的目的是为了兼容移动端开发.由于减少了一些代码,使得该版本比 jQuery 1.x 更小.更快. 如果开发者比较在意老版本 IE 用户,只能使用 jQuery 1.9 及之前的…
环境搭建 搭建一个jQuery的开发环境非常方便,可以通过下列几个步骤进行. 下载jQuery文件库 在jQuery的官方网站(http://jquery.com)中,下载最新版本的jQuery文件库.在网站中找到最新版本文件的下载按钮,将jQuery框架文件下载到本地即可. 2. 引入jQuery文件库 下载完jQuery框架文件后,并不需要任何的安装,仅需要使 用<script>文件导入标记,将jQuery框架文件导入页面中即可,假设该文件下载后保存在项目文件夹Jscript中,那么,在页…
 您要知道!! jQuery是目前使用最广泛的javascript函数库.据统计,全世界排名前100万的网站,有46%使用jQuery,远远超过其他库. 微软公司甚至把jQuery作为他们的官方库.对于网页开发者来说,学会jQuery是必要的.因为它让你了解业界最通用的技术, 为将来学习更高级的库打下基础,并且确实可以很轻松地做出许多复杂的效果. 我们先来学习一下jQuery的语法结构: $(selector).action(); 1.工厂函数$() 在jQuery中,"$"美元符号等…
jQuery在我印象中,就是很多类似$(),然后昨天开始接触了,觉得很和谐,获取元素比JavaScript简单很多,有意思. 一.开始学习jQuery,下载jQuery库的文件 http://jquery.com/download/ jQuery库有两个版本: 我只是使用这个jQuery库,所以我就只下载了生产版本,足以. 二.开始我的第一个Demo 1.html文件 <!DOCTYPE html> <html> <head> <meta charset=&quo…
1.JQuery简介: JQuery是用js写的JavaScript库,是为了简化js对HTML元素的操作.实现动画效果并方便为网站提供ajax交互: 2.ready()方法: ready()方法和js的windown.onload()方法类似,都是当页面的文档加载完毕后调用该方法:不同的是ready()方法是当DOM元素的结构绘制完毕后执行(一些图片类的资源可以没有加载完成)同时可以执行多个而windown.onload()方法是页面的所有资源都加载完毕后执行(包括图片资源)并且只能执行一次:…
jQuery 是一个 JavaScript 函数库, jQuery 库位于一个 JavaScript 文件中,其中包含了所有的 jQuery 函数,引用jQuery应该注意: <script> 标签应该位于页面的 <head> 部分. 实际上我们还可以从 Google 或 Microsoft 加载 CDN jQuery 核心文件,分别如下(这里是1.8.0版本): Google 的 CDN: <script src="http://ajax.googleapis.c…
一.Jquery的优势 体积小,压缩后只有100KB左右 强大的选择器 出色的DOM封装 可靠的事件处理机制 出色的浏览器兼容性 使用隐式迭代简化编程 丰富的插件支持 二.Jquery语法 三.DOM对象和jQuery对象…
距离上一篇博文好像隔了很久的时间了额.好像是堕落了一阵子,前些时间去杭州找工作,被租房的事情给搞懵逼了,然后就回来了,回来在修炼一个月在出去奋斗把!加油,这两天把jquery,easyui和bootstrap这几个东西给记录一下,之前就学过,但是没记录下来,所以忘的很快,又没地方去复习,所以还是记录记录这些知识点.以便将来查看复习. --WH 一.什么是Jquery? 其实超级简单,不要把它想的太难了,Jquery就是一个js(javascript)类库. 1.1.什么是js类库? [JavaS…
JQuery在小编的世界中,也就是JavaScript和查询(Query),即是辅助JavaScript开发的库,百度百科对JQuery的介绍比较详细,小伙伴可以东东自己可耐的小爪子,上网进行搜索,说不定,有意外惊喜哦,今天这篇博客,小编简单的介绍一下JQuery的一些基本知识,然后小编在集合实例,讲解一下在具体的应用过程中,我们的JQuery又是如何在她的舞台熠熠生辉...... 通过JQuery的学习,我们可以学到哪些知识nie,比如我们会学会JQuery的API函数的使用,以及简单的实例的…
事件 1)鼠标事件 mousedown mouseup 2)键盘事件 a) keydown:键被按下 b) keyup:键抬起 c) keypress:按下可打印字符的键时. document.onkeydown = function(ev){ if(ev.keyCode == 13){ console.log("提交"); } } 3)焦点事件 a) 获取焦点:focus b)失去焦点:blur 4)其他事件 a) change:选择发生改变触发事件(单选,多选,select) b)…
jQuery 一.jQuery介绍 1.jQuery是一个轻量级.兼容多浏览器的js库. 2.jQuery使用户能够更方便地处理HTML Document,Events,实现动画效果,方便的进行Ajax交互,能够极大的简化js编程,它的宗旨就是"Write less,do more." - 版本 - 1.x 兼容IE8... - 3.x 最新- .min.xx 压缩的:生产环境用 - 没有压缩的(没有.min.xx):开发用 二.为什么要用jQuery? 写起来简单,省事,开发效率高,…
1.DOM模型 1.1以对象描述文档的方式就是DOM 节点对象就是被称为DOM对象(标签对象) 1.2节点 元素节点(标签) 文本节点(标签内容) 属性节点(标签属性) 2.Jquery语法结构 $(“选择器”).方法名(); eg:$(“#id”).html(); 部分方法: css(); //改变样式 addClass(); //增加class样式 next(); //下一个节点 3.DOM对象和JQuery对象的转换 $(DOM对象): DOM对象------>JQuery对象 Jquer…
1.Jquery是对JavaScript对象和函数的封装(JavaScript框架) 2.怎么使用Jquery 第一步:把js文件放入项目中 第二步:在页面引用jquery <script type=”text/javascript” src=”js/jquery-1.8.3.min.js”></script> 第三步:使用 $(function(){ //代码 }); 3.$(document).ready()与window.onload类似 执行时机 必须等待网页中所有的内容加…
进入jQuery官网:http://jquery.com/ 点击Download jQuery v3.1.1--->下载最新版本的jQuery版本--->放到你需要引入jQuery的文件中. 简单示例(引入jQuery文件): 接下来就可以进行你自己需要的jQuery操作了!! <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></titl…
用jquery 和 jquery.simulate.js 实现模拟键盘事件,点击上下左右div相当于点击键盘的上下左右键 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum…
一.事件流 定义: 多个彼此嵌套元素,他们拥有相同的事件,最内部元素事件被触发后,外边多个元素的同类型事件也会被触发,多个元素他们同类型事件同时执行的效果称为“事件流”. 事件对象获取: 获得: ①主流浏览器(IE9以上版本浏览器): node.onclick = function(evt){evt就是事件对象} addEventListener(类型,function(evt){}/函数名字); function 函数名称(evt){} 事件处理函数的第一个形参就是事件对象 ② IE(6/7/…
一个工厂 (function(global, factory){ "use strict" // operation_1 })(typedef window !== "undefined" ? window : this, function (window, noGlobal) { // operation_2 }) =====> (function(args,...){...})(params,...) // 一种自执行方法,形式为(function(){}…
目录 目录 引用 注意 HelloWorldHelloWorld! jQueryjQuery对象和DOMDOM对象的相互转换 冲突的解决 引用 本地文件引用: <script src="lib/jquery-3.3.1.min.js" type="text/javascript"></script> url引用: <script src="https://code.jquery.com/jquery-3.3.1.min.js&…
常用选择器 $("#bad")  id选择器 $("div#bad")   id为bad 并且必须是div的元素 $("[href]")  有href属性的元素 $("[href ='jpg']"); $("[href !='jpg']")  href属性等于jpg的元素 $("[href $='.jpg']")      href属性,并且其值是以 .jpg结尾的元素 $("…
初识jQuery 官方地址:http://jquery.com/ what:一个优秀的JS函数库(封装了BOM.DOM(主要)) why: HTML元素选取(选择器) HTML元素操作 CSS操作 HTML事件处理 JS动画效果 链式调用 读写合一 浏览器兼容 易扩展插件 ajax封装 ... 使用 1.引入jQuery库 2.使用jQuery   使用jQuery核心函数($/jQuery) jQuery库向外直接暴露的就是$/jQuery 当函数用:$(xxx) 当对象用:$.xxx()  …
jQuery对于大家而言并不陌生,因此关于它是什么以及它的作用,在这里我就不多言了,而本篇文章的目的是想通过对源码简单的分析来讨论 jQuery 的核心架构设计,以及jQuery 是如何利用javascript中的高级特性来构建如此伟大的javascript库. 1 初识jQuery 从核心功能来看,jQuery仅仅做了一件简单而又平凡的事:查询.它的语法如此简洁明了,以致于很多人在不知道javascript是什么的时候就已经会用jQuery了,用一个词形容就是:大道至简. 从设计层面来看,我们…
最近在慕课网学习JQuery基础课程,发现只是跟随网站的课程学习而不去自己总结扩展的话,很难达到真正学会理解的地步. 于是先在网站上草草过了一遍课程,然后借着今天的这个时间边记录边重新整理学习一下. 初识JQuery 环境搭建: 在jQuery的官方网站(http://jquery.com)中,下载最新版本的jQuery文件库.在网站中找到最新版本文件的下载按钮,将jQuery框架文件下载到本地即可,本教案使用的版本为稳定版:1.8.2版.下载完jQuery框架文件后,并不需要任何的安装,仅需要…
http://www.jb51.net/article/42016.htm 初识Jquery EasyUI看了一些博主用其开发出来的项目,页面很炫,感觉功能挺强大,效果也挺不错,最近一直想系统学习一套前台控件,于是在网上找了一些参考示例.写了一些基本的增删改查功能,算是对该控件的基本入门.后续有时间继续深入学习. 在学习jquery easyui前应该先到官网下载最新版本http://www.jeasyui.com/download/index.php 先看一下运行后的页面 1.列表展示 2.新…
环境搭建 搭建一个jQuery的开发环境非常方便,可以通过下列几个步骤进行. 下载jQuery文件库 在jQuery的官方网站(http://jquery.com)中,下载最新版本的jQuery文件库.在网站中找到最新版本文件的下载按钮,将jQuery框架文件下载到本地即可,本教案使用的版本为稳定版:1.9.0版. 引入jQuery文件库 下载完jQuery框架文件后,并不需要任何的安装,仅需要使用<script>文件导入标记,将jQuery框架文件导入页面中即可,假设该文件下载后保存在项目文…
jQuery对于大家而言并不陌生,因此关于它是什么以及它的作用,在这里我就不多言了,而本篇文章的目的是想通过对源码简单的分析来讨论 jQuery 的核心架构设计,以及jQuery 是如何利用javascript中的高级特性来构建如此伟大的javascript库. 1 初识jQuery 从核心功能来看,jQuery仅仅做了一件简单而又平凡的事:查询.它的语法如此简洁明了,以致于很多人在不知道javascript是什么的时候就已经会用jQuery了,用一个词形容就是:大道至简. 从设计层面来看,我们…