• jQuery的练习


    jQuery语法实例:

    ----------------------------------------------------------------------------------------------------------

    jQuery可以创建隐藏、显示、切换、滑动以及自定义动画效果

    -----------------------------------------------------------------------------------------------------------

    $(this).hide()

    演示jQuery的hide()函数,隐藏当前的html元素。

    $(“p”).hide()

    演示jQuery的hide()函数,隐藏所有<p>元素。

    $(“.test”).hide()

    演示jQuery的hide()函数,隐藏所有class="test"的元素。

    $(“#test”).hide()

    演示jQuery的hide()函数,隐藏所有id=“text”的元素。

    例子解释:

    jQuery 语法是为了HTML元素的选取编制的,可以对元素执行某些操作。

    基础语法是:$(selector).action()

    美元符号定义jQuery

    选择符(selector)"查询"和“查找”html元素

    jQuery的action()执行对元素的操作

    ---------------------------------------------------------------------------------------------------------------------------------

    Hiding-Sliding-Fading

    jQuery fadeOut()

    演示简单的jQuery fadeout()函数。

    jQuery hide()

    演示简单的jQuery hide()函数。

    Hide explanations

    演示如何隐藏部分文本。

    Slide panel

    演示简单的Slide Panel效果。

    jQuery animate()

    演示简单的jQuery animate()函数。

    ----------------------------------------------------------------------------------------------------------------------------------

    HTML操作:

    改变HTML元素的内容

    向HTML元素追加内容

    在HTML元素之后追加内容

    ----------------------------------------------------------------------------------------------------------------------------------

    CSS操作:

    改变HTML元素的CSS属性

    改变多个CSS属性

    获得元素的CSS属性

    --------------------------------------------------------------------------------------------------------------------------------------------------------------------AJAX和jQuery

    使用$(selector).load(url)来改变HTML内容。

    使用$.ajax(options)来改变HTML内容。

  • 相关阅读:
    PCI-DSS-术语小结
    Visio快捷键-小结(Microsoft Visio绘图工具)
    vs2019快捷键-小结(C#开发工具Visio studio 2019)
    消息及时推送技术websocket
    requests爬虫get请求三部曲(快速编码)-小结
    cnblogs_client博客园客户端——雏形
    重庆购房资料
    比较2个时刻日期字串的时间差:距离现在的时间距离(不同时间格式)
    比较2个时刻日期字串的时间差
    时间戳转为日期字串
  • 原文地址:https://www.cnblogs.com/77yaer/p/9269373.html
Copyright © 2020-2023  润新知