JQuery基础

  • 首先引入JQuey

    
    
    
    
    
  • jQuery的语法

$(selector).action();

$ 美元符号就是jQuery  $是jQuery对象的别名
selector  选择符  选择和查找html元素
action  jQuery对html进行的操作
  • 简化写法

    $(document).ready(function(){
       //等页面加载完再解析jq语句
      console.log("这是我的第一个jQuery程序");
     });              
    

    再简化
    $(function(){
    console.log("这是我的第一个jQuery程序");
    });

    例子:
    //原生JS写法
    window.onload = function(){
    var oP = document.getElementsByTagName("p");
    for(var i=0; i oP[i].style.color = "red";
    }
    }JQ
    //JQ简化写法
    $(function(){
    //jquery 链式写法
    $("p").css("color","red").click(function(){
    $(this).hide();
    });
    });

          //hide(); 隐藏
          //show(); 显示

你可能感兴趣的:(JQuery基础)