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面向对象编程
Mar 02 Javascript
用apply让javascript函数仅执行一次的代码
Jun 27 Javascript
jquery实现table鼠标经过变色代码
Sep 25 Javascript
JavaScript实现单击下拉框选择直接跳转页面的方法
Jul 02 Javascript
jquery判断复选框是否被选中的方法
Oct 16 Javascript
浅谈js中的in-for循环
Jun 28 Javascript
d3.js中冷门却实用的内置函数总结
Feb 04 Javascript
js实现首屏延迟加载实现方法 js实现多屏单张图片延迟加载效果
Jul 17 Javascript
React 组件转 Vue 组件的命令写法
Feb 28 Javascript
微信小程序 动态修改页面数据及参数传递过程详解
Sep 27 Javascript
JavaScript对象原型链原理解析
Jan 22 Javascript
理解JavaScript中的对象
Aug 25 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+jquery编码方面的一些心得(utf-8 gb2312)
2010/10/12 PHP
php中批量修改文件后缀名的函数代码
2011/10/23 PHP
CodeIgniter框架过滤HTML危险代码
2014/06/12 PHP
Android AsyncTack 异步任务实例详解
2016/11/02 PHP
Laravel如何使用数据库事务及捕获事务失败后的异常详解
2017/10/23 PHP
PHP中number_format()函数的用法讲解
2019/04/08 PHP
PHP实现创建一个RPC服务操作示例
2020/02/23 PHP
几种设置表单元素中文本输入框不可编辑的方法总结
2013/11/25 Javascript
jquery 根据name名获取元素的value值
2015/02/27 Javascript
Node.js操作mysql数据库增删改查
2016/03/30 Javascript
node.js实现博客小爬虫的实例代码
2016/10/08 Javascript
vue日期组件 支持vue1.0和2.0
2017/01/09 Javascript
Javascript模拟实现new原理解析
2020/03/03 Javascript
使用Python操作Elasticsearch数据索引的教程
2015/04/08 Python
Python函数式编程指南(二):从函数开始
2015/06/24 Python
使用Python的PIL模块来进行图片对比
2016/02/18 Python
python logging 日志轮转文件不删除问题的解决方法
2016/08/02 Python
python flask实现分页效果
2017/06/27 Python
Python实现对百度云的文件上传(实例讲解)
2017/10/21 Python
Python实现抢购IPhone手机
2018/02/07 Python
Python全局锁中如何合理运用多线程(多进程)
2019/11/06 Python
Python完全识别验证码自动登录实例详解
2019/11/24 Python
Jupyter notebook设置背景主题,字体大小及自动补全代码的操作
2020/04/13 Python
python如何使用代码运行助手
2020/07/03 Python
python文件排序的方法总结
2020/09/13 Python
乌克兰数字设备、配件和智能技术的连锁商店:KTC
2020/08/18 全球购物
物流管理专业应届生求职信
2013/11/21 职场文书
高中政治教学反思
2014/01/18 职场文书
运动会闭幕式解说词
2014/02/21 职场文书
撤诉申请怎么写
2015/05/19 职场文书
当幸福来敲门观后感
2015/06/01 职场文书
Python包argparse模块常用方法
2021/06/04 Python
mybatis源码解读之executor包语句处理功能
2022/02/15 Java/Android
vue实现滑动解锁功能
2022/03/03 Vue.js
python模板入门教程之flask Jinja
2022/04/11 Python
JS函数式编程实现XDM一
2022/06/16 Javascript