很早前看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,找对要操控的东西,进行对应的方法操控就可以。
这东西方便和牛逼的地方都在这里,为什么说上面那github上的四个人厉害。就是他们四个人用了js实现之后让我们方便调用,而要调用的方法就像jdk的api一样,jQuery Core API Documentation。
当然jQuery方法少的多了。
像hide,fadeIn这些一看就知道意思的,再结合你听听上网看到的那些华丽的效果。结合方法名直接就能够知道这些方法有什么用。
元素那一块的id,name,class之类的东西搞不懂,那就要回去看看css和html的东西。
而想读读js源文件。那就要好好看看js和dom操作的一些内容了。
版权声明:本文博主原创文章,博客,未经同意不得转载。