JQuery Study Notes 学习笔记(一)

网络编程 2024/11/13 佚名

3 2 1

1. 使用jquery
　　到jquery.com下载jquery.js当前版本是1.4.2
　　新建一个html页面
复制代码代码如下:
<!DOCTYPE html> <html lang="en"> <head>    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">   <script type="text/javascript" src="/UploadFiles/2021-04-02/<PRE class=brush>   <script type="text/javascript">      $(document).ready(function(){        $("a").click(function(event){          alert("As you can see, the link no longer took you to jquery.com");          event.preventDefault();        });      });         </script> </head> <body>    <a href="<A class="external free" href="http://jquery.com/">http://jquery.com/</A>">jQuery</a> </body> </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);
});

JQuery,学习笔记

标签：

JQuery,学习笔记

免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

评论“JQuery Study Notes 学习笔记(一)”

JQuery Study Notes 学习笔记(一)

暂无“JQuery Study Notes 学习笔记(一)”评论...

JQuery Study Notes 学习笔记(一)

JQuery,学习笔记

jQuery Study Notes学习笔记 (二)

jQuery dialog 异步调用ashx,webservice数据的代码

评论“JQuery Study Notes 学习笔记(一)”

更新动态

友情链接