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+css使DIV始终居于屏幕中间 左下 左上 右上 右下的代码集合
Mar 10 Javascript
JavaScript定义类和对象的方法
Nov 26 Javascript
在AngularJS中使用AJAX的方法
Jun 17 Javascript
javascript实现仿百度图片的瀑布流加载效果
Apr 20 Javascript
JavaScript表单验证的两种实现方法
Feb 11 Javascript
jquery操作select取值赋值与设置选中实例
Feb 28 Javascript
jquery实现左右滑动式轮播图
Mar 02 Javascript
Kotlin学习第一步 kotlin语法特性
May 25 Javascript
微信小程序转发事件实现解析
Oct 22 Javascript
vue中使用v-for时为什么不能用index作为key
Apr 04 Javascript
javascript实现贪吃蛇小游戏
Jul 28 Javascript
jQuery+ajax实现文件上传功能
Dec 22 jQuery
用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
成本8450万,票房仅2亿,口碑两极分化,又一部DC电影扑街了
2020/04/09 欧美动漫
新安装的MySQL数据库需要注意的安全知识
2008/07/30 PHP
php空间不支持socket但支持curl时recaptcha的用法
2011/11/07 PHP
Codeigniter购物车类不能添加中文的解决方法
2014/11/29 PHP
CodeIgniter读写分离实现方法详解
2016/01/20 PHP
PHP解压ZIP文件到指定文件夹的方法
2016/11/17 PHP
js创建数据共享接口——简化框架之间相互传值
2011/10/23 Javascript
JavaScript中的null和undefined解析
2012/04/14 Javascript
JQuery给元素添加/删除节点比如select
2013/04/02 Javascript
js获取系统的根路径实现介绍
2013/09/08 Javascript
Jquery给基本控件的取值、赋值示例
2014/05/23 Javascript
JavaScript中的值是按值传递还是按引用传递问题探讨
2015/01/30 Javascript
js实现简单div拖拽功能实例
2015/05/12 Javascript
Node.js服务器环境下使用Mock.js拦截AJAX请求的教程
2016/05/23 Javascript
JQuery为元素添加样式的实现方法
2016/07/20 Javascript
Jquery鼠标放上去显示全名的实现方法
2017/02/06 Javascript
基于Angular.js实现的触摸滑动动画实例代码
2017/02/19 Javascript
Bootstrap输入框组件简单实现代码
2017/03/06 Javascript
jquery如何实现点击空白处隐藏元素
2017/12/05 jQuery
JS实现登录页密码的显示和隐藏功能
2017/12/06 Javascript
微信小程序引入Vant组件库过程解析
2019/08/06 Javascript
axios实现文件上传并获取进度
2020/03/25 Javascript
vue 使用鼠标滚动加载数据的例子
2019/10/31 Javascript
TypeScript 运行时类型检查补充工具
2020/09/28 Javascript
js 压缩图片的示例(只缩小体积,不更改图片尺寸)
2020/10/21 Javascript
python图像处理之镜像实现方法
2015/05/30 Python
Python打包可执行文件的方法详解
2016/09/19 Python
pycharm快捷键汇总
2020/02/14 Python
django admin 添加自定义链接方式
2020/03/11 Python
解决Django提交表单报错:CSRF token missing or incorrect的问题
2020/03/13 Python
个性化皮包、小袋、生活配件:Mon Purse
2019/03/26 全球购物
办公室文秘岗位职责
2013/11/15 职场文书
初中生学习生活的自我评价
2013/11/20 职场文书
大学生入党自荐书
2015/03/05 职场文书
4S店收银员岗位职责
2015/04/07 职场文书
redis击穿 雪崩 穿透超详细解决方案梳理
2022/03/17 Redis