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 相关文章推荐
SlideView 图片滑动(扩展/收缩)展示效果
Aug 01 Javascript
window.opener用法和用途实例介绍
Aug 19 Javascript
调用HttpHanlder的几种返回方式小结
Dec 20 Javascript
js的正则test,match,exec详细解析
Jan 29 Javascript
JavaScript调试工具汇总
Dec 23 Javascript
微信开发 js实现tabs选项卡效果
Oct 28 Javascript
JS如何设置iOS中微信浏览器的title
Nov 22 Javascript
javascript实现右下角广告框效果
Feb 01 Javascript
浅谈$_FILES数组为空的原因
Feb 16 Javascript
vue input输入框模糊查询的示例代码
May 22 Javascript
微信小程序wx.uploadfile 本地文件转base64的实现代码
Jun 28 Javascript
使用Vant完成Dialog弹框案例
Nov 11 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和MySql来与ODBC数据连接
2006/10/09 PHP
关于PHP session 存储方式的详细介绍
2013/06/25 PHP
php+mysqli预处理技术实现添加、修改及删除多条数据的方法
2015/01/30 PHP
Laravel框架模型的创建及模型对数据操作示例
2019/05/07 PHP
jQuery 核心函数以及jQuery对象
2010/03/23 Javascript
jQuery实现 注册时选择阅读条款 左右移动
2013/04/11 Javascript
浅析js中2个等号与3个等号的区别
2013/08/06 Javascript
document.documentElement和document.body区别介绍
2013/09/16 Javascript
JavaScript判断textarea值是否为空并给出相应提示
2014/09/04 Javascript
node.js中使用socket.io的方法
2014/12/15 Javascript
深入理解JavaScript系列(30):设计模式之外观模式详解
2015/03/03 Javascript
jQuery制作效果超棒的手风琴折叠菜单
2015/04/03 Javascript
iPhone手机上搭建nodejs服务器步骤方法
2015/07/06 NodeJs
coffeescript使用的方式汇总
2015/08/05 Javascript
微信小程序 wxapp内容组件 text详细介绍
2016/10/31 Javascript
详解堆的javascript实现方法
2016/11/29 Javascript
JS正则表达式判断有效数实例代码
2017/03/13 Javascript
React Router v4 入坑指南(小结)
2018/04/08 Javascript
浅谈vue中.vue文件解析流程
2018/04/24 Javascript
angular中两种表单的区别(响应式和模板驱动表单)
2018/12/06 Javascript
Vue.js实现的购物车功能详解
2019/01/27 Javascript
在Docker上开始部署Python应用的教程
2015/04/17 Python
在Python中使用PIL模块处理图像的教程
2015/04/29 Python
Python3实现抓取javascript动态生成的html网页功能示例
2017/08/22 Python
使用Python微信库itchat获得好友和群组已撤回的消息
2018/06/24 Python
Django框架静态文件使用/中间件/禁用ip功能实例详解
2019/07/22 Python
python 3.6.7实现端口扫描器
2019/09/04 Python
Python Process多进程实现过程
2019/10/22 Python
关于torch.optim的灵活使用详解(包括重写SGD,加上L1正则)
2020/02/20 Python
Python OrderedDict字典排序方法详解
2020/05/21 Python
AmazeUI 网格的实现示例
2020/08/13 HTML / CSS
路由表示做什么用的?在linux环境中怎么来配置一条默认路由?
2013/06/07 面试题
网站推广策划方案
2014/06/04 职场文书
企业总经理任命书
2014/06/05 职场文书
会计学专业求职信
2014/07/17 职场文书
「Manga Time Kirara MAX」2022年5月号封面公开
2022/03/21 日漫