JQuery Study Notes 学习笔记(一)


Posted in Javascript onAugust 04, 2010

1. 使用jquery

到jquery.com下载jquery.js当前版本是1.4.2

新建一个html页面

<!DOCTYPE html><BR><html lang="en"><BR><head><BR>   <meta http-equiv="Content-Type" content="text/html; charset=utf-8"><BR>  <script type="text/javascript" src="<SPAN style="COLOR: #ff0000"><STRONG>jquery.js</STRONG></SPAN>"></script></PRE> 
<PRE class=brush>   <script type="text/javascript"><BR>    <SPAN style="COLOR: #ff0000"> $(document).ready(function(){</SPAN><BR><SPAN style="COLOR: #ff0000">       $("a").click(function(event){</SPAN><BR><SPAN style="COLOR: #ff0000">         alert("As you can see, the link no longer took you to jquery.com");</SPAN><BR><SPAN style="COLOR: #ff0000">         event.preventDefault();</SPAN><BR><SPAN style="COLOR: #ff0000">       });</SPAN><BR><SPAN style="COLOR: #ff0000">     });</SPAN><BR>     <BR>   </script><BR></head><BR><body><BR>   <a href="<A class="external free" href="http://jquery.com/">http://jquery.com/</A>">jQuery</a><BR></body><BR></html>

代码解释:

$(document).ready(function(){...})在页面加载完时添加function()函数内容

$("a").click(function(event){...})设置a标签的click事件函数

event.preventDefault()阻止原事件执行

代码功能:点击<a>标签只弹出alert信息后,页面并不跳转到http://jquery.com/。
2. 添加和移除HTML class

首先在<head>中添加一些样式,例如:

<style type="text/css"> 
a.test { font-weight: bold; } 
</style>

在script中使用addClass和removeClass来添加和移除HTML class,例如:
$("a").addClass("test");//所有a标记粗体 
$("a").removeClass("test");//取消所有a标记粗体

3.特效

jQuery提供了一些非常方便的特效

$("a").click(function(event){ 
event.preventDefault(); 
$(this).hide("slow"); 
});

点击<a>标签后,标记慢慢消失
4.回调与函数

无参数回调

$.get('myhtmlpage.html', myCallBack);

带参数回调
$.get('myhtmlpage.html', function(){ 
myCallBack(param1, param2); 
});
Javascript 相关文章推荐
IE中jscript/javascript的条件编译
Sep 07 Javascript
JavaScript的面向对象(二)
Nov 09 Javascript
代码生成器 document.write()
Apr 15 Javascript
用jscript实现新建和保存一个word文档
Jun 15 Javascript
不用写JS也能使用EXTJS视频演示
Dec 29 Javascript
学习面向对象之面向对象的基本概念:对象和其他基本要素
Nov 30 Javascript
js 使FORM表单的所有元素不可编辑的示例代码
Oct 17 Javascript
JQuery实现网页右侧随动广告特效
Jan 17 Javascript
JavaScript中各种引用类型的常用操作方法小结
May 05 Javascript
angular之ng-template模板加载
Nov 09 Javascript
手把手教你vue-cli单页到多页应用的方法
May 31 Javascript
在iFrame子页面里实现模态框的方法
Aug 17 Javascript
jQuery dialog 异步调用ashx,webservice数据的代码
Aug 03 #Javascript
基于jquery的让textarea自适应高度的插件
Aug 03 #Javascript
jQuery的实现原理的模拟代码 -4 重要的扩展函数 extend
Aug 03 #Javascript
jQuery的实现原理的模拟代码 -3 事件处理
Aug 03 #Javascript
SlideView 图片滑动(扩展/收缩)展示效果
Aug 01 #Javascript
JavaScript和ActionScript的交互实现代码
Aug 01 #Javascript
JavaScript判断窗口是否最小化的代码(跨浏览器)
Aug 01 #Javascript
You might like
分享下PHP register_globals 值为on与off的理解
2013/09/26 PHP
ThinkPHP分页类使用详解
2014/03/05 PHP
Php连接及读取和写入mysql数据库的常用代码
2014/08/11 PHP
PHP计算近1年的所有月份
2017/03/13 PHP
js模拟实现Array的sort方法
2007/12/11 Javascript
JQUERY操作JSON实例代码
2010/02/09 Javascript
Jquery easyui 下loaing效果示例代码
2013/08/12 Javascript
JavaScript动态操作表格实例(添加,删除行,列及单元格)
2013/11/25 Javascript
JavaScript AJAX之惰性载入函数
2014/08/27 Javascript
使用Meteor配合Node.js编写实时聊天应用的范例
2015/06/23 Javascript
Bootstrap在线电子商务网站实战项目5
2016/10/14 Javascript
AngularJS解决ng界面长表达式(ui-set)的方法分析
2016/11/07 Javascript
Nodejs+express+ejs简单使用实例代码
2017/09/18 NodeJs
React.Js添加与删除onScroll事件的方法详解
2017/11/03 Javascript
Vue shopCart 组件开发详解
2018/01/26 Javascript
JS的函数调用栈stack size的计算方法
2018/06/24 Javascript
浅谈ng-zorro使用心得
2018/12/03 Javascript
详解Angular Forms中自定义ngModel绑定值的方式
2018/12/10 Javascript
浅谈发布订阅模式与观察者模式
2019/04/09 Javascript
[01:05:56]Liquid vs VP Supermajor决赛 BO 第二场 6.10
2018/07/04 DOTA
[16:01]夜魇凡尔赛茶话会 第二期01:你比划我猜
2021/03/11 DOTA
基于Python实现一个简单的银行转账操作
2016/03/06 Python
python动态加载包的方法小结
2016/04/18 Python
Python中使用asyncio 封装文件读写
2016/09/11 Python
Python3中详解fabfile的编写
2018/06/24 Python
Django web框架使用url path name详解
2019/04/29 Python
对python3.4 字符串转16进制的实例详解
2019/06/12 Python
numpy 声明空数组详解
2019/12/05 Python
基于Python数据分析之pandas统计分析
2020/03/03 Python
python批量生成身份证号到Excel的两种方法实例
2021/01/14 Python
文秘专业应届生求职信范文
2013/11/14 职场文书
好人好事演讲稿
2014/09/01 职场文书
小学生教师节演讲稿
2014/09/03 职场文书
辞职信模板(中英文版)
2015/02/27 职场文书
使用css样式设计一个简单的html登陆界面的实现
2021/03/30 HTML / CSS
MySQL创建管理HASH分区
2022/04/13 MySQL