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

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

     

      

  • 相关阅读:
    final关键字
    海思NB-IOT的SDK看门狗的使用
    IAR环境下编译CC2640入门开发
    股票操作记录180613(2)
    股票操作笔记18年6月13(1)
    PyYAML学习第一篇
    片仔癀犯过的错误
    2018年5月份片仔癀最佳演员奖
    2018-05-22两只垃圾基金南方产业活力000955和鹏华全球高收益债券000290
    linux c编程:网络编程
  • 原文地址:https://www.cnblogs.com/mxnd/p/7233876.html
Copyright © 2011-2022 走看看