1. 程式人生 > >jQuery(一)初識

jQuery(一)初識

jQuery 的功能概括
    1、html 的元素選取
    2、html的元素操作
    3、html dom遍歷和修改
    4、js特效和動畫效果
    5、css操作
    6、html事件操作
    7、ajax非同步請求方式

selector:

操作(DOM)/$(selector).action():

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>菜鳥教程(runoob.com)</title> 
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js">
</script>
<script>
/*
jQuery 入口函式:為了防止文件在完全載入(就緒)之前執行 jQuery 程式碼,即在 DOM 載入完成後才可以對 DOM 進行操作。 $(function(){ });*/ $(document).ready(function(){ $(".eilin").click(function(){ //$(this).hide(function(){ $('p').toggle(1000,function(){ alert('i love duzi')}); }); }); </script> </head> <body> <p>如果你點我,我就會消失。</p> <p>繼續點我!</p> <p>接著點我!</p> <button class='eilin'>duzi</button> </body> </html>
連結(chaining)的技術,允許我們在相同的元素上執行多條 jQuery 命令,一條接著另一條
$(document).ready(function(){
  $("button").click(function(){
    $("#p1").css("color","red").slideUp(2000).slideDown(2000);
  });
});