二,jQuery基本语法
发布在jQuery基础2013年10月8日view:4779
在文章任何区域双击击即可给文章添加【评注】!浮到评注点上可以查看详情。

jQ的基本语法格式为:

$(selector).action();
  • "$"符号可能很多新手不懂是什么意思,其实就是指:从"$"开始,这段代码就调用jQ的函数库。说点儿人话就是:用"$"符号告诉浏览器,这段代码要先给jQ解析一遍,说白了就是个开始符号而已;

  • "(selector)"很多人把它叫做“选择器”。要选择一个DOM对象,可以通过对象的id,class之类的选择。我们jQ的“选择器”也一样,但它却又有自己的选择规范;

如果想要选择这个DOM对象

<div id="id" class="class"></div>

首先通过id选择,那么“选择器”的格式就为("#id");如果通过class选择,那么“选择器”的格式为(".class").不知大家有没有发现,这和css的选择方式如出一辙,没错!学过css的简直一看就会。

当然,“选择器”的选择功能十分强大,选择DOM对象的方式也很多,我这儿不做赘述,后面将在独立专题里做详细讲述!

  • 前面$(selector)把对象选择了,接下来当然就是对对象进行操作了;“.”这个符号表示即将对对象进行处理。jquery中处理的类型大致有:1.DOM属性操作(比如获取HTML标签里的id值,增添HTML标签中的属性) 2.CSS操作(更改HTML标签的css) 3.文档处理(标签内部插入、外部插入、包裹、替换、删除、复制) 4.筛选(某些情况下你无法通过“选择器”准确的选择DOM对象时,你就要筛选) 5.事件 6.效果(动画效果) 7.AJAX

基本语法就是这些,用这些写个例子吧!

DOM为: <div id="example">点击这儿</div>

jQ代码:


$("#example").click(function(){ $(this).html("你点击过这儿!"); $(this).css({ color: "#ff0000"}); });


点击后的效果为:你点击过这儿!

The End 2013-10-8 14:12:25

评论
发表评论
6年前

@韩松Stone 我也有这样的想法,但芋头哥觉得要面向新手,先讲基础的。那等我把基础的先弄完,后面弄一些常用的功能实现模块的讲解

6年前

@wanisan 我觉得单独的语法的东西没有必要讲,W3school等东西多得很。在我看来,如果能以“想要实现的功能”+“功能的代码实现”的思路写会好一点。知识点可以以备注的形式加在代码里,比如这段代码有什么用,这段函数有什么用等等。非常感谢你的分享,学习了:)加油!!!

6年前

@韩松Stone welcome!下一篇写什么有没有好的建议?

6年前

嗯,巩固了今天所学的,谢谢博主:) 不过,就像芋头哥说的那样,内容似乎不太丰富:)期待下篇,嘿嘿~~~

6年前

@芋头 okay,thanks!

6年前

赞助已付,内容还是不够丰富,可以几个技术点集合在一起写,内容会显得丰富些。不过还是谢谢你的分享精神。再接再厉。

WRITTEN BY
wanisan
hello world!
TA的新浪微博
PUBLISHED IN
jQuery基础

欢迎各位大拿来写一些心得总结指导下初学者

我的收藏