jQuery学习之路-A

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Document</title>
 6     <script type="text/javascript" src="D:/jquery2.0/jquery-2.0.0.js"></script>
 7     <script type="text/javascript">
 8         $(document).ready(function(){
 9             alert("Hello");
10         });
11     </script>
12     <script type="text/javascript">
13         $(document).ready(function(){
14             var $cr = $("#cr");
15             var cr = $cr[0];
16             $cr.click(function(){
17                 if(cr.checked){
18                     alert("Thank You!");
19                 }
20             })
21         });
22     </script>
23     <script type="text/javascript">
24         $(document).ready(function(){
25             var cr = document.getElementById("cr");
26             var $cr = $(cr);
27             $cr.click(function(){
28                 if($cr.is(":checked")){
29                     alert("Hello,World!");
30                 }
31             })
32         });
33     </script>
34 </head>
35 <body>
36     <input type="checkbox" class="cr" id="cr"/><label for="cr">您同意上面的条款吗?</label>
37 </body>
38 </html>

  昨天晚上学习的jQuery对象和DOM对象之间的转换,感觉还可以,不是很困难。感觉jQuery比JS更好用一点。

                                                            Never Give Up!

jQuery学习之路-A

时间: 2024-10-08 22:41:39

jQuery学习之路-A的相关文章

jQuery学习之路(四)之过滤选择器

今天是第四课主要学习过滤选择器 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>lesson4 过滤选择器</title> <link rel="stylesheet" type="text/css" href="css/lesson.css" ></link>

Jquery学习之路(三) 实现弹出层插件

弹出层的应用还是比较多的,登陆,一些同页面的操作,别人的总归是别人的,自己的才是自己的,所以一直以来想写个弹出层插件.不多废话,直接开始吧! 不想看可以在这里直接下载源码xsPop.zip 1:遮罩层 要弹出层,先要用一个遮罩层挡在下面的页面,此遮罩层是全屏的,页面滚动也要有,所以设置 position: fixed;还要有透明效果,下面是我定义的遮罩层css,取名mask .mask { position: fixed; width: 100%; height: 100%; backgroun

jQuery 学习之路(4):事件

一.文档载入事件 二.事件绑定 三.事件对象 四.浏览器事件 五.表单事件 六.键盘事件 七.鼠标事件 jQuery 学习之路(4):事件,布布扣,bubuko.com

jQuery 学习之路(5):表单

处理表单中的元素 jQuery 学习之路(5):表单,布布扣,bubuko.com

Jquery 学习之路(四)高大上的图片轮换

网站首页没有一点动画怎么可以,我以前用过Flash As3做过图片切换,效果非常不错,可是麻烦,改变起来麻烦.一直都想自己做个图片切换效果,总认为比较麻烦,今天自己实践了一下,其实还比较简单.不过有个小问题,IE8不兼容模式下 设置有透明效果的div 样式添加失效了,但是我用谷歌,IE8兼容测试都ok. 反正是给自己记录的,也不多话了,js没有与页面分离,也没有做出插件.一个网站要不了几个这种效果,先实现了再说吧.最后的效果还是很高大上的. 下载地址:http://files.cnblogs.c

jQuery学习之路(1)-选择器

▓▓▓▓▓▓ 大致介绍 终于开始了我的jQuery学习之路!感觉不能再拖了,要边学习原生JavaScript边学习jQuery jQuery是什么? jQuery是一个快速.简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架).jQuery设计的宗旨是"write Less,Do More",即倡导写更少的代码,做更多的事情.它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优

jQuery学习之路(8)- 表单验证插件-Validation

▓▓▓▓▓▓ 大致介绍 jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求.该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来编写用户自定义方法的 API.所有的捆绑方法默认使用英语作为错误信息,且已翻译成其他 37 种语言.该插件是由 Jörn Zaefferer 编写和维护的,他是 jQuery 团队的一名成员,是 jQuery UI 团队的主要开发人员,是 QUnit 的维

jquery学习之路之选择过滤

$(myForm.elements). jquery选择过滤学习:$("tr:even")----匹配所有的偶数行(索引值查询)$("tr:odd")----匹配所有的技术行$("tr:eq(2)")----匹配下标为2的tr元素内容$("tr:gt(1)")----匹配所有下标大于1的行$("tr:lt(2)")----匹配所有下标小于2的行$("div:not(:animated)"

jQuery 学习之路(1):引子

一.主流 javascript 库 除 jQuery 外,还有 Prototype.Dojo.YUI.ExtJS.MooTools ,其中 Prototype 较老,结构设计较为松散,ExtJS 界面很棒但需要商业授权,MooTools 也是值得学习的一个 js 库,Dojo 有一些特殊功能,也可以考虑学习,YUI 的文档很完备,语法也规范.对我个人而言,选择性依次为 jQuery > MooTools > ExtJS > Dojo > YUI > Prototype. jQ