当前位置: 洪哥笔记 > DHTML > jQuery笔记

 

jQuery笔记


关键词

jQuery笔记

摘要

本文介绍jQuery一些使用笔记,包括jQuery的基本使用,尤其是jQuery的选择器。


JQuery剑走偏锋,比其它框架厉害之处在于,它名字中有一个Query,它是一个查询器,它的查询器功能太强大了。

jQuery的方法分为两部分,一部分是静态方法,调用方式为:jQuery.xxx();;第二部分是实例方法,先使用$('p')这样的选择器选中对象,再对对象进行操作的方法。

jQuery可以实现JS代码与HTML代码的分离。比如<form id="f1" onsubmit="return formSubmit()">这串代码就是JS代码与HTML混在一起的,而在jQuery中,我们可以把把JS单独写一个文件,$("f1").submit(function(){//代码内容});而HTML页面中,直接使用<form id="f1">即可。


jQuery的运行

//首先放到一个$(document).ready(fn);中,表示页面加载完毕,也宣告了脚本触发的时间
$(document).ready(function(){

   //页面加载后,直接执行
   alert("111");

   //对对象进行操作,当表单提交时执行
   $("myForm").submit(function(){
       alert("1212");
   });
});



jQuery选择器

1、特殊对象的选择
$(document),文档对象

2、$("p") 选择所有的<p>标签。

3、$("#p") 选择CSS样式中所有id为p的标签,如<span id="p"></span>

4、$("div > p") 选择div标签下面的p标签

5、$("<div><p>111</p></div>") 这是创建了一个新对象,并选择它,可以使用appendTo这样的方法,把它加到其它标签上。

 

要饭二维码

洪哥写文章很苦逼,如果本文对您略有帮助,可以扫描下方二维码支持洪哥!金额随意,先行谢过!大家的支持是我前进的动力!

文章的版权

本文属于“洪哥笔记”原创文章,转载请注明来源地址:jQuery笔记:http://www.splaybow.com/post/jquery-mark.html

如果您在服务器运维、网络管理、网站或系统开发过程有需要提供收费服务,请加QQ:8771947!十年运维经验,帮您省钱、让您放心!
亲,如果有需要,先存起来,方便以后再看啊!加入收藏夹的话,按Ctrl+D

« HTML网页中插入Flash不遮住浮动层 HTML使用<META>标签的refresh功能来刷新或跳转页面 »