前端大神群的群主告诉我们：学习一个框架最好的方法是去把官方文档研究一遍。

现在正式开始我的前端之路，从JQuery的中文文档开始。

基础不牢固，看起来有点慢，但是我会一直坚持下去的。把遇到的问题都记录在此，以便随时查阅。

不展示基础概述，只记录所遇问题。

Just Do It！ Never Give Up!

get()函数

看完这个函数的定义，我就兴冲冲的去试验了一下，写了以下代码：

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>get()</title>

     <style type="text/css">

         div{width:100px; height:100px; margin:20px; background:#e5e5e5;}

     </style>

     <script src="js/jquery-1.11.3.min.js"></script>

 </head>

 <body>

     <div></div>

     <div></div>

     <div></div>

     <div></div>

 <script type="text/javascript">

         $(function(){

                         $("div").get(2).css("background","#f00");

         });

     </script>

 </body>

 </html>

运行了一下，本来设想的结果应该是第三个div块的背景颜色变为红色，但是天不遂人愿，所有的div块都没有反应。

我就傻眼了！

再寻求了度娘无果之后，再次认真看文档，才发现问题出在何处。

get()能让你选择一个实际的DOM元素并对他进行操作。

反复研究之后（基础太差伤不起），因为get()返回的是JS对象，不是JQuery对象，所以不能使用Jquery中的css()方法。

所以，我把函数改成这个样子再试一次：

 <!DOCTYPE html>

 <html lang="en">

 <head>

     <meta charset="UTF-8">

     <title>get()</title>

     <style type="text/css">

         div{width:100px; height:100px; margin:20px; background:#e5e5e5;}

     </style>

     <script src="js/jquery-1.11.3.min.js"></script>

 </head>

 <body>

     <div></div>

     <div></div>

     <div></div>

     <div></div>

 <script type="text/javascript">

         $(function(){

             $($("div").get(2)).css("background","#f00");

             $("div").get(0).style.background="red";

             //get()获取的是DOM对象，不能使用JQuery的方法

         });

     </script>

 </body>

 </html>

这次第一个和第三个div就爽爽快快的变成红色了。喜庆啊！

之前之所以会产生问题，就是因为我没有搞清函数返回的对象的类型，使用错了方法。

在此也提醒自己，在学习的时候，一定要注意遇到问题不可怕，不思考才最可怕，而且一定要从基础由下而上的思考。不要盲目百度，浪费时间，还云里雾里。

只要一个开始，坚持到底……

学习JQuery中文文档之get()函数的更多相关文章

  1. 学习JQuery中文文档之map()函数和get()函数

    今天学到一个新的函数map(). map(callback) 官方概述: 将一组元素转换成其他数组(不论是否是元素数组) 你可以用这个函数来建立一个列表,不论是值.属性还是CSS样式,或者其他特别形式 ...

  2. 学习JQuery中文文档之index()函数

    最初认识index()是在轮播图中,获取当前点击对象在数组中的位置.那时候,对index()的使用只有eq($(this).index()),看了文档之后,才知道自己有多幼稚! <!DOCTYP ...

  3. java冒泡排序-选择排序-插入排序-使用API中文文档直接调用函数

    import java.util.Arrays; public class ArrayDemo2_3 { public static void main(String []args) { //---- ...

  4. （十）unity4.6学习Ugui中文文档-------參考-UGUI Canvas Components

     大家好,我是孙广东.   转载请注明出处:http://write.blog.csdn.net/postedit/38922399 更全的内容请看我的游戏蛮牛地址:http://www.unit ...

  5. （二十二）unity4.6学习Ugui中文文档-------交互-Eventsystem &amp; Binding

    大家好,我是孙广东.   转载请注明出处:http://write.blog.csdn.net/postedit/38922399 更全的内容请看我的游戏蛮牛地址:http://www.unityma ...

  6. unity4.6学习Ugui中文文档-------参考-UGUI Rect Transform

    1 . Rect Transform Rect Transform 是 2D 与 3D 图形的 Transform 组件对应.它用来指定用户界面系统中的大小. 位置和旋转的控件 Properties ...

  7. （二十一）unity4.6学习Ugui中文文档-------交互-Supported Events &amp; Raycasters

    大家好,我是孙广东. 转载请注明出处:http://write.blog.csdn.net/postedit/38922399 更全的内容请看我的游戏蛮牛地址:mod=guide&view=m ...

  8. （九）unity4.6学习Ugui中文文档-------參考-UGUI Rect Transform

     大家好.我是孙广东.   转载请注明出处:http://write.blog.csdn.net/postedit/38922399 更全的内容请看我的游戏蛮牛地址:http://www.unit ...

  9. jQuery中文文档

    http://www.jquery123.com/ http://www.shifone.cc/

随机推荐

  1. 手动编译Spring4.2源码，以及把源码导入myEclipse中

    前提条件,先在本地配置好JDK1.8, 安装好Git 执行下面命令: 1,双击Git Bash, 进入源码存放路径 cd E:\Foler 2,git clone git@github.com:spr ...

  2. 【转】C# 委托的介绍(delegate、Action、Func、predicate)

    委托是一个类,它定义了方法的类型,使得可以将方法当作另一个方法的参数来进行传递.事件是一种特殊的委托. 1.委托的声明 (1). delegate delegate我们常用到的一种声明 Delegat ...

  3. Android Application 深入分析

    http://blog.csdn.net/rain_butterfly/article/details/37598939

  4. 用physdiskwrite在VMware虚拟机上安装m0n0wall【转】

    在一台PC机上安装m0n0wall,相信大家都有经验.一般采用两种方法:1.在一台Windows XP或Windows 2000的PC上,下载physdiskwrite软件和m0n0wall映像文件( ...

  5. 二级指针的作用及用途 .xml

    pre{ line-height:1; color:#9f1d66; background-color:#e1e1e1; font-size:16px;}.sysFunc{color:#5d57ff; ...

  6. win8 VS控件信息

    <TextBlock x:Name="button_1" HorizontalAlignment="Center"  TextWrapping=" ...

  7. uoj #58. 【WC2013】糖果公园（树上莫队算法+修改操作）

    [题目链接] http://uoj.ac/problem/58 [题意] 有一棵树,结点有自己的颜色,若干询问:u,v路径上的获益,并提供修改颜色的操作. 其中获益定义为Vc*W1+Vc*W2+…+V ...

  8. kerboros安装

    尽管前面尝试了hadoop的simple认证方式,这种方法不是特别安全,在介绍一下hadoop的kerberos方式之前,下面我们尝试一下kerberos. 首先介绍一下Kerboros安装 OS 版 ...

  9. IE 兼容性写法

    1. 条件注释语句 <!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]--> <!--[if IE]> 所有的IE ...

  10. 关于dom节点绑定滑动事件导致浏览器上下滑动失效解决方案--黄丕巧

    1.移动端开发往往需要添加一下自定义的左右滑动事件,但是添加了左右滑动事件之后就要阻止浏览器大默认事件,否则dom节点的滑动事件和浏览器本身的滑动会出现冲突,导致滑动的时候会出现消失瞬间再出现的效果 ...