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

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

     

      

  • 相关阅读:
    CSS之表格边框合并、兄弟标签外边距合并、父子标签的外边距合并
    html之css选择器学习
    html5常见新增标签
    mysql之数据备份与恢复
    mysql之用户权限管理
    mysql之用户管理
    mysql之全球化和本地化:字符集、校对集、中文编码问题
    Sublime Text 3 安装与配置
    CSS 自适应
    php 验证码代码
  • 原文地址:https://www.cnblogs.com/mxnd/p/7233876.html
Copyright © 2011-2022 走看看