jQuery笔记

一些语句

$(document).ready(function(){
  $("button").click(function(){
    var div=$("div");
    div.animate({height:'300px',opacity:'0.4'},"slow");
    div.animate({width:'300px',opacity:'0.8'},"slow");
    div.animate({height:'100px',opacity:'0.4'},"slow");
    div.animate({width:'100px',opacity:'0.8'},"slow");
  });
});

 

  $("#btn1").click(function(){
    $("p").append(" <b>Appended text</b>.");
  });

  $("#btn2").click(function(){
    $("ol").append("<li>Appended item</li>");
  });

 

  $("#btn1").click(function(){
    $("img").before("<b>Before</b>");
  });

  $("#btn2").click(function(){
    $("img").after("<i>After</i>");
  });

 $("p").css("background-color","red");

 

alert("Background color = " + $("p").css("background-color"));

 $('#myDiv').load('/jquery/test1.txt');

 

  htmlobj=$.ajax({url:"/jquery/test1.txt",async:false});
  $("#myDiv").html(htmlobj.responseText);

    $("p").slideToggle();

 $("input").focus(function(){
    $("input").css("background-color","#FFFFCC");
  });
  $("input").blur(function(){
    $("input").css("background-color","#D6D6FF");
  });

 $(".field").change(function(){
    $(this).css("background-color","#FFFFCC");
  });

 

几个概念

通过 jQuery，选择器 $("div") 选取什么元素？
正确答案：所有 div 元素

将所有 div 元素的高度设置为 100 像素的正确 jQuery 代码是？
正确答案：$("div").height(100)

下面哪个 jQuery 函数用于在文档结束加载之前阻止代码运行？
正确答案：$(document).ready()

$("div#intro .head") 选择器选取哪些元素？
正确答案：id="intro" 的首个 div 元素中的 class="head" 的所有元素

jQuery 是 W3C 标准吗？
正确答案：No

 

 一个学习网站

http://www.w3cschool.cc/jqueryui/jqueryui-tutorial.html