jquery 基础操作

Posted on | In

基础的 jquery 选择器及API

标签选择器，类选择器，ID选择器及一些api的例子

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
$(document).ready(function() {
    $("#target1").css("color", "red");
    //id选择器  更改css属性

    $("#target1").prop("disabled", true);
    //id选择器 禁用按钮 

    $("#target4").remove();
    //移除标签
    
    $("#target2").appendTo("#right-well");
    //插入标签
    
    $("#target5").clone().appendTo("#left-well");
    //克隆 并插入
    
    $("#target1").parent().css("background-color", "red");
    //标签父选择器 

    $("#right-well").children().css("background-color","orange");
    //标签子选择器

    
    $(".target:nth-child(2)").addClass("animated bounce");
    //选取父选择器的子标签    

    $(".target:even").addClass("animated shake");
    //选取父选择器下偶数标签

    $("body").addClass("animated fadeOut hinge");
    //选取body标签    

  });