jQuery学习笔记之Helloworld


Posted in Javascript onDecember 22, 2010

jQuery是什么?

jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多javascript高手加入其team,包括来自德国的Jörn Zaefferer,罗马尼亚的Stefan Petre等等。jQuery是继prototype之后又一个优秀的Javascrīpt框架。其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。它是轻量级的js库(压缩后只有21k) ,这是其它的js库所不及的,它兼容CSS3,还兼容各种浏览器 (IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+)。jQuery是一个快速的,简洁的javaScript库,使用户能更方便地处理HTML documents、events、实现动画效果,并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。jQuery能够使用户的html页保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需定义id即可。

jQuery的构成?

通过 jQuery,您可以选取(查询,query) HTML 元素,并对它们执行“操作”(actions)。如图:

jQuery学习笔记之Helloworld
helloworld!

简单熟悉了jQuery的构成,我先写一个helloworld!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>1-1</title> 
<!-- 引入 jQuery --> 
<script src="../scripts/jquery-1.3.1.js" type="text/javascript"></script> 
<script type="text/javascript"> 
//等待dom元素加载完毕. 
$(document).ready(function(){ 
alert("Hello World!"); 
}); 
</script> 
</head> 
<body> 
</body> 
</html>

1.其中 :<script src="../scripts/jquery-1.3.1.js" type="text/javascript"></script>

本句是引入jQuery库文件,本文件可以到http://jQuery.com网站下载

2.代码:

<script type="text/javascript"> 
//等待dom元素加载完毕. 
$(document).ready(function(){ 
alert("Hello World!"); 
}); 
</script>

$(document).ready(function(){})相当于JS中的windows.onload方法,再文档加载完毕时执行,
在jQuery中"$()"符号就相当于"jQuery()"
$(document).ready(function(){})可以简写为$(function(){})
Javascript 相关文章推荐
javascript转换字符串为dom对象(字符串动态创建dom)
May 10 Javascript
基于jquery的checkbox下拉框插件代码
Jun 25 Javascript
关于jquery input textare 事件绑定及用法学习
Apr 03 Javascript
在jquery中的ajax方法怎样通过JSONP进行远程调用
Apr 04 Javascript
深入理解JavaScript系列(27):设计模式之建造者模式详解
Mar 03 Javascript
微信小程序 选择器(时间,日期,地区)实例详解
Nov 16 Javascript
vue如何获取点击事件源的方法
Aug 10 Javascript
Node.js爬取豆瓣数据实例分析
Mar 05 Javascript
JS获取指定月份的天数两种实现方法
Jun 22 Javascript
ionic grid(栅格)九宫格制作详解
Jun 30 Javascript
ES6 Map结构的应用实例分析
Jun 26 Javascript
js实现省级联动(数据结构优化)
Jul 17 Javascript
用Jquery实现多级下拉框无刷新的联动
Dec 22 #Javascript
一个轻量级的javascript库 pj介绍
Dec 19 #Javascript
JavaScript Date对象 日期获取函数
Dec 19 #Javascript
jQuery UI Datepicker length为空或不是对象错误的解决方法
Dec 19 #Javascript
jQuery UI Dialog控件中的表单无法正常提交的解决方法
Dec 19 #Javascript
超酷的网页音乐播放器DewPlayer使用方法
Dec 18 #Javascript
有关js的变量作用域和this指针的讨论
Dec 16 #Javascript
You might like
php xml常用函数的集合(比较详细)
2013/06/06 PHP
destoon利用Rewrite规则设置网站安全
2014/06/21 PHP
PHP快速生成各种信息提示框的方法
2016/02/03 PHP
PHP简单读取xml文件的方法示例
2017/04/20 PHP
使用PHPStorm+XDebug搭建单步调试环境
2017/11/19 PHP
thinkPHP5框架设置404、403等http状态页面的方法
2018/06/05 PHP
PHP 文件上传限制问题
2019/09/01 PHP
javascript入门·动态的时钟,显示完整的一些方法,新年倒计时
2007/10/01 Javascript
关于JavaScript命名空间的一些心得
2014/06/07 Javascript
JS 使用for循环遍历子节点查找元素
2014/09/06 Javascript
css如何让浮动元素水平居中
2015/08/07 Javascript
jQuery实现简单的文件上传进度条效果
2020/03/26 Javascript
jQuery实现的兼容性浮动层示例
2016/08/02 Javascript
自动化测试读写64位操作系统的注册表
2016/08/15 Javascript
AngularJS基于provider实现全局变量的读取和赋值方法
2017/06/28 Javascript
JavaScript EventEmitter 背后的秘密 完整版
2018/03/29 Javascript
vue2.0 实现富文本编辑器功能
2019/05/26 Javascript
跟老齐学Python之坑爹的字符编码
2014/09/28 Python
python 截取XML中bndbox的坐标中的图像,另存为jpg的实例
2020/03/10 Python
python print 格式化输出,动态指定长度的实现
2020/04/12 Python
Python基于smtplib协议实现发送邮件
2020/06/03 Python
如何在python中判断变量的类型
2020/07/29 Python
Python pip install之SSL异常处理操作
2020/09/03 Python
python音频处理的示例详解
2020/12/23 Python
英国领先的珍珠首饰品牌:Orchira
2016/09/11 全球购物
Chemist Warehouse官方海外旗舰店:澳洲第一连锁大药房
2017/08/25 全球购物
Ruby中的保护方法和私有方法与一般面向对象程序设计语言的一样吗
2013/05/01 面试题
试用期自我鉴定范文
2014/03/20 职场文书
超市活动计划书
2014/04/24 职场文书
小学运动会报道稿
2014/10/04 职场文书
夫妻忠诚协议书范本
2014/11/17 职场文书
售票员岗位职责
2015/02/15 职场文书
教师求职自荐信
2015/03/26 职场文书
检讨书格式范文
2015/05/07 职场文书
地道战观后感2000字
2015/06/04 职场文书
Redis 哨兵集群的实现
2021/06/18 Redis