• 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

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

     

      

  • 相关阅读:
    51Nod 1267 4个数和为0 二分
    51Nod 1090 3个数和为0 set 二分优化
    51Nod 1001 数组中和等于K的数对 Set
    Codeforces 890C
    Codeforces 890B
    Codeforces 890A
    51nod 1058 N的阶乘的长度 位数公式
    C#调用本机摄像头
    读取、写入excel数据
    数据库笔记--基本应用
  • 原文地址:https://www.cnblogs.com/mxnd/p/7233876.html
Copyright © 2020-2023  润新知