• jQuery----函数和选择器


    1. $(document).ready

    几乎所有的jQuery代码都是以如下方式开始的

    $(document).ready(function() {
        Do something
    });
    
    1. $(document) 是一个jQuery对象。$()其实是一个函数的装饰,它返回一个jQuery对象。
    2. .read()是一个函数。当html document准备完毕以后,这个函数被调用
    3. 在function(){} 是当read()函数被执行时候要做的实际操作。function(){}返回的是一个对象。

    2. 带参数的函数

    function(input1, input2, etc) {
        Do a thing
        Do another thing
        Do yet another thing!
    }
    

    jQuery一个非常好的东西就死我们可以给函数的参数定义为任何内容(可以为一个函数)。这就是为什么在.ready()函数中, 可以带一个函数的参数。

    3. 变量

    var lucky = 7;
    var name = "Codecademy";
    var $p = $('p');
    

    javascript是一个弱类型的语言,所以我们可以给var 付给任意的东西。
    $('p') 是jQuery的选择器, $p只是一个变量名。加上$只是约定。

    4. 更有弹性的选择

    所有能够不css选择的元素,都能不jQuery选择并改变。我可以这样:

    $('p').fadeTo('slow', 0);
    

    也可以这样:
    $('li').fadeTo('slow', 0);
    或者这样:
    $('p, li').fadeTo('slow', 0);

    5. 'this'非常重要

    $(document).ready(function() {
        $('div').mouseenter(function() {
            $(this).hide();
        });
    });
    

    this 关键字表示正在操作的当前元素

  • 相关阅读:
    IDEA运行测试错误Failed to resolve org.junit.platform:junit-platform-launcher
    mysql索引基本原理
    as3.0声音波形系列03_十组合
    as3.0声音波形系列02_六组合
    as3.0声音波形系列01_八组合
    FiltersEffect(效果)
    AS3 TransitionManager 自带特效类
    as3 判断鼠标移动方向
    AS3代码生成xml方法
    求线段的交点
  • 原文地址:https://www.cnblogs.com/sld666666/p/4125976.html
Copyright © 2020-2023  润新知