zoukankan      html  css  js  c++  java
  • jQuery 第四课 —— 常用方法

    前言:

      在前几章介绍了jQuery如何定位,jQuery的包装集,

      不过对于定位到的对象,如果没有丰富的方法来使用,

      那也只是纸上谈兵

    本章目标:了解jQuery的常用的方法


     

    内容:

      首先先梳理这一章节要介绍的基本方法:

        1. text ( )

        2. html ( )

        3. val ( )

        4. css ( )

        5. attr ( )

    会提供代码和效果来对这几个方法的效果加深影响

    我们通过以下实例来介绍这几个常用方法

    1. text ( )

      代码:

      

      解析:

        1.单击 id 为 a07的对象,触发事件,弹出本身的文本内容,类似于 get方法

        2.单击 id 为 a07的对象,触发事件,修改本身的文本内容为 “少说话,多做事”,类似于 set方法

      效果:

        

        

    2. html ( )

      代码:

       

      解析:

        1.单击 id 为 a08的对象,触发事件,弹出本身的文本内容

        2.单击 id 为 a08的对象,触发事件,弹出本身的HTML内容

        3.单击 id 为 a08的对象,触发事件,修改 a 标签的HTML内容

      效果:

        

        

        

    3. val ( )  

      代码:

      

      解析:

       1.单击 id 为 a09的对象,触发事件,弹出 id 为 b09 的文本内容

       2.单击 id 为 a09的对象,触发事件,修改 id 为 b09 的文本内容为“多个”

      效果:

       

      

    4. css ( ) 

      代码:

       

      解析:

       1.单击 id 为 a10的对象,触发事件,修改 本身 的背景颜色为 蓝色

       2.单击 id 为 a10的对象,触发事件,弹出 本身 的背景颜色

      效果:

       

       

    5. attr ( )

      代码:

       

      解析:

      1.单击 id 为 a11的对象,触发事件,弹出 本身 的属性为style的值

       2.单击 id 为 a11的对象,触发事件,修改 本身 的属性style的值

      效果:

       

      

     总结:

      jQuery的方法有千千万万,最好的方法就是查文档,

      需要什么效果的方法可以去搜索 API

      要什么事件呀,需要什么动画呀,还是后面会讲解的 ajax

      都可以在文档中理解和查看

     

      

  • 相关阅读:
    POJ 1061 青蛙的约会(扩展欧几里得)
    贝祖定理(裴蜀定理)
    C语言 gets()和scanf()函数的区别
    非递归方式遍历二叉树
    zip包的解压
    八大基础排序中(直接插入排序,希尔排序,冒泡排序, 快速排序,归并排序,简单选择排序)
    数字反序与数字的和
    合并两个有序数组,合并后数组仍有序
    使用递归方式和非递归方式求斐波那契数
    求100到999之内的水仙花数
  • 原文地址:https://www.cnblogs.com/mxnd/p/7233876.html
Copyright © 2011-2022 走看看