zoukankan      html  css  js  c++  java
  • 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内容。

  • 相关阅读:
    成为一个会思考的学习者
    我的第4篇博客
    我的第3篇博客
    第2次作业
    第一次作业:大学,人生的另一个新的开始
    第四次作业
    第三次作业
    第二次作业
    作为大一新生的感悟
    第四次作业
  • 原文地址:https://www.cnblogs.com/77yaer/p/9269373.html
Copyright © 2011-2022 走看看