Jquery入门

很早前看Jquery。但博客不写，因为它已经没用。工作太忙，招收学校狗。首先，我们去了一个小的创业公司。真的好环境，刚刚复出，并获得另外一个offer，考虑终于走了一个又一个。了一家我个人还是认为非常惬意的公司。环境条件是我大学里面就非常憧憬的，鼓掌。！。。！

！

鼓掌！！

。！。！

互联网公司的工作氛围比較轻松融洽。没ps3，xbox可是有一张桌上足球桌。事实上我大学里最喜欢的是相似豌豆荚这样企业文化的公司。有个简简单单的阿姨。简简单单的人际关系，最重要的，有好吃的。只是。实力问题，豌豆荚这种企业还须要我多两三年磨练。

豌豆荚尽管如今被巨头压得喘只是气，只是也希望豌豆荚越走越好。

实习阶段老大跟我说的是项目主要用jQuery EasyUi，js一直比較弱，之前想学没用到也没写了，界面的写得少。

如今開始借助w3cschool的教程加其它人的资料进行学习。

当然用一手资料是最推荐的。

jQuery的官方Learning center。

里面的四个人厉害！

Jquery是一个js框架，里面集合了好多js的东西，方便使用，理念就是少写多用。也希望能在多种浏览器进行兼容。做前端的师兄装了多个浏览器，就是測试兼容性的问题。

Jquery用处： HTML 元素选取、元素操作、CSS 操作、HTML 事件函数、JavaScript 特效和动画、HTML DOM 遍历和改动、AJAX等等。

简单入门样例：

<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery-1.11.1.min.js">
</script>
<script>
$(document).ready(function(){
  $("p").click(function(){
    $(this).hide();
  });
});
</script>
</head>
<body>
<p>点击我。我会消失。</p>
</body>
</html>

点击之后，文字消失，看到script的src没有。你须要去官网下载一个文件，

Download the compressed, production jQuery 1.11.1 压缩过的产品版本号。

Download the uncompressed, development jQuery 1.11.1 未压缩开发版本号。

除了自己建立文件。还能够採用CDN（Content Delivery Network。内容分发网络）。简单来说就是联网使用近的server的资源。

<head>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery
/jquery-1.4.min.js"></script>
</head>

这里是微软的，奇妙的是用了这个之后火狐能够显示效果了，谷歌的就不用了，近期被墙的厉害，用GoAgent也慢。

同一时候，也在Eclipse中实现Github的提交是非常方便的事情：GitHub使用教程for Eclipse。

博客园里面一篇文章，按上面的操作成功push。

同一时候自己在博客上也加入了自己的GitHub地址，都是些做过的小项目传了上去。

进入正题：

jQuery 语法：

仅仅要知道这个就知道整个框架的核心东西了。由于其它都是封装好的东西。由于w3c有非常多资料，就不再反复。

JQUERY语法语法 $(selector).action() $定义jquery selector 查找html元素 action 元素操作

$ 事实上是JQuery的别名，事实上jQuery源文件里都是JQuery.xx。

你能够把它看成是一个函数名。

var my=jQuery.noConflict()。使用自己的名称，my来取代 $ 符号。

SELECTOR

元素选择器

$(this).hide() - 隐藏当前元素

$("p").hide() - 隐藏全部段落

$(".t").hide() - 隐藏全部 class="t" 的全部元素

$("p.t").hide() 隐藏全部class=“t”的元素

$("#t").hide() - 隐藏全部 id="t" 的元素

$("p#t").hide()-隐藏全部id=“t”的元素

属性选择器

jQuery 使用 XPath 表达式来选择带有给定属性的元素。

$("[href]") 选取全部带有 href 属性的元素。

$("[href='#']") 选取全部带有 href 值等于 "#" 的元素。

$("[href!='#']") 选取全部带有 href 值不等于 "#" 的元素。

$("[href$='.jpg']") 选取全部 href 值以 ".jpg" 结尾的元素。

CSS 选择器

jQuery CSS 选择器可用于改变 HTML 元素的 CSS 属性。

以下的样例把全部 p 元素的背景颜色更改为红色：$("p").css("background-color","red");

主要就是选择器上的选择，action的话有专门的api，找对要操控的东西，进行对应的方法操控就可以。

action

这东西方便和牛逼的地方都在这里，为什么说上面那github上的四个人厉害。就是他们四个人用了js实现之后让我们方便调用，而要调用的方法就像jdk的api一样，jQuery Core API Documentation。

当然jQuery方法少的多了。

像hide，fadeIn这些一看就知道意思的，再结合你听听上网看到的那些华丽的效果。结合方法名直接就能够知道这些方法有什么用。

元素那一块的id，name，class之类的东西搞不懂，那就要回去看看css和html的东西。

而想读读js源文件。那就要好好看看js和dom操作的一些内容了。