码迷,mamicode.com
首页 > Web开发 > 详细

JQuery

时间:2015-07-11 22:52:15      阅读:207      评论:0      收藏:0      [点我收藏+]

标签:

<script> 标签应该位于页面的 <head> 部分。

1、点击按钮显示或隐藏div区域:$(this).hide();     $("#div1").fadeOut();  //slow、3000

  隐藏所属区域:

技术分享
  $(".btnHide").click(function(){
    $(this).parents(".exDiv").hide("slow");
  });
View Code

  隐藏指定的div区域:

技术分享
$(".btnFlip").click(function(){
    $(".panel").slideToggle("slow");
  });
View Code

2、动画:默认情况下,所有 HTML 元素的位置都是静态的,并且无法移动。如需对位置进行操作,记得首先把元素的 CSS position 属性设置为 relative、fixed 或 absolute。

 $("div").animate({height:‘300px‘,opacity:‘0.4‘},"slow");

3、点击按钮添加内容:$("#btn1").click(function(){

  $("p").append(" <b>text</b>.");

  $("ol").append("<li>item</li>");

  $("img").before("<b>Before</b>");  //After

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

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

  $(‘#myDiv‘).load(‘/jquery/test1.txt‘);  //使用 $(selector).load(url) 来改变 HTML 内容

});  

4、使用 $.ajax(options) 来改变 HTML 内容:

技术分享
$("#b01").click(function(){
    htmlobj=$.ajax({url:"/jquery/test1.txt",async:false});
    $("#myDiv").html(htmlobj.responseText);
  });
View Code

 

JQuery

标签:

原文地址:http://www.cnblogs.com/shenchao/p/4639450.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!