jQuery入门 简单用法

刚入门jquery不知从何下手的小伙伴们，可以给你们一些微薄的技术整理，这也是我的第一篇博客，有不对的请多指教

也希望和我一样懵懂的，祝你们有发可脱

好了，下面进入正题：

1.什么是jQuery
   它是一个轻量级的javascript类库简单来说就相当于一个jquery类，用面向对象的思想来理解简写：$

2.2。jQuery优点：总是面向集合多行操作集于一行

3.如何导入JS库？

其实我们平时在JSP界面上会看到有两种的导入，那我先来介绍分别的作用

3.1：<link href =“css / main.css”rel =“stylesheet”type =“text / css”/>

这一种呢，是用来导入CSS样式的，

href - 是css的路径 

rel - 属性规定当前文档与被链接文档/资源之间的关系，只有当使用href属性时，才能使用rel属性。

type - 表明你这个引用是什么类型的

 

3.2：<script type =“text / javascript”src =“js / jquery-1.10.2.min.js”/>

这是表示引用JS，jquery的，说白了，就是以JS结尾的类型

src - 是引用路径

type - 引用类型，同上这里就讲一些简单的

4. jQuery的基础用法

4.1：$（fn）做为程序入口，任何进行jQuery的操作，都从此入口进入

$（FN）= $（函数（）{

执行语句;

}）

4.2：点击事件点击有以下几种方式：

标签选择器 - $（“标签名”）.click（function（）{}）;

id选择器 - $（“ ＃ id ”）。click（function（）{}）;

类选择器 - $（“。class ”）。click（function（）{}）;

包含选择器 - $（“标签名标签名”）.click（function（）{}）; 注：只限单层嵌套使用

组合选择器 - $（标签名，标签名，标签名“）.click（function（）{}）;多种类型的标签都可以使用

自定义选择器exp：$（“：标签名[属性名='值']”）;

 

4.3：jQuery（exp [，context]）
      exp：选择器
      context：上下文，环境/容器

第二个参数的作用是：在DIV标签内部寻找对应标签，然后给他添加点击事件，如果未填写，则默认文档

5：jQuery（element）    
      元素：js对象，表示一个html元素对象
      js对象与jquery对象的相互转换

将要js转换成jquery：var $名字= $（js值）注：在jQuery中$符号是命名的规范，表示是jQuery的变量

 

 

 6：$（FN），$（文件）。就绪（FN）与在window.onload的区别？

结果：$（fn），$（document）.ready（fn）是等价的，谁在前面谁就谁就先执行window.onload会最后执行

原因：$（fn），$（document）.ready（fn）jsp的dom树加载完毕，即刻调用该方法;

           window.onload jsp的dom树加载完毕后，再进行css，js等静态资源加载，完毕之后条用该方法;

7：给大家看一个，悬停表格单双行颜色转换就很简单的一个小代码：

好了，今天就这些吧。笔芯