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 相关文章推荐
js前台判断开始时间是否小于结束时间
Feb 23 Javascript
javascript实现日期按月份加减
May 15 Javascript
JavaScript从数组的indexOf()深入之Object的Property机制
May 11 Javascript
深入浅出ES6之let和const命令
Aug 25 Javascript
关于javascript原型的修改与重写(覆盖)差别详解
Aug 31 Javascript
如何理解jQuery中的ajaxSubmit方法
Mar 13 Javascript
JavaScript设计模式之装饰者模式定义与应用示例
Jul 25 Javascript
最适应的vue.js的form提交涉及多种插件【推荐】
Aug 27 Javascript
Vue基础学习之项目整合及优化
Jun 02 Javascript
vue data引入本地图片的两种方式小结
Nov 13 Javascript
在vue中使用Echarts利用watch做动态数据渲染操作
Jul 20 Javascript
vue 封装面包屑组件教程
Nov 16 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之字符串变相相减的代码
2007/03/19 PHP
php和javascript之间变量的传递实现代码
2012/12/19 PHP
PHP批量上传图片的具体实现方法介绍.
2014/02/26 PHP
基于命令行执行带参数的php脚本并取得参数的方法
2016/01/25 PHP
PHP版单点登陆实现方案的实例
2016/11/17 PHP
PHP自定义序列化接口Serializable用法分析
2017/12/29 PHP
js 自制滚动条的小例子
2013/03/16 Javascript
js innerHTML 改变div内容的方法
2013/08/03 Javascript
jquery实现非叠加式的搜索框提示效果
2014/01/07 Javascript
js树插件zTree获取所有选中节点数据的方法
2015/01/28 Javascript
推荐10 个很棒的 jQuery 特效代码
2015/10/04 Javascript
jQuery+JSON实现AJAX二级联动实例分析
2015/12/18 Javascript
jQuery ready()和onload的加载耗时分析
2016/09/08 Javascript
关于vue中的ajax请求和axios包问题
2018/04/19 Javascript
微信小程序之判断页面滚动方向的示例代码
2018/08/30 Javascript
js针对图片加载失败的处理方法分析
2019/08/24 Javascript
es6中new.target的作用和使用场景简单示例分析
2020/03/14 Javascript
JavaScript实现10秒后再次获取验证码
2020/12/02 Javascript
[08:08]DOTA2-DPC中国联赛2月28日Recap集锦
2021/03/11 DOTA
python中将字典转换成其json字符串
2014/07/16 Python
简单分析Python中用fork()函数生成的子进程
2015/05/04 Python
Python中字典和集合学习小结
2017/07/07 Python
Python是怎样处理json模块的
2020/07/16 Python
Python3 搭建Qt5 环境的方法示例
2020/07/16 Python
requests在python中发送请求的实例讲解
2021/02/17 Python
犹他州最古老的体育用品公司:Al’s
2020/12/18 全球购物
不同浏览器创建XMLHttpRequest方法有什么不同
2014/11/17 面试题
jQuery treeview树形结构应用
2021/03/24 jQuery
《曹刿论战》教学反思
2014/03/02 职场文书
大学生演讲稿
2014/04/25 职场文书
关于运动会的广播稿(10篇)
2014/09/12 职场文书
幼师求职自荐信
2015/03/26 职场文书
《我和小伙伴》教学反思
2016/02/20 职场文书
《西门豹》教学反思
2016/02/23 职场文书
暑假开始了,你的暑假学习计划写好了吗?
2019/07/04 职场文书
使用pd.merge表连接出现多余行的问题解决
2022/06/16 Python