标签:
<script> 标签应该位于页面的 <head> 部分。
1、点击按钮显示或隐藏div区域:$(this).hide(); $("#div1").fadeOut(); //slow、3000
隐藏所属区域:
$(".btnHide").click(function(){ $(this).parents(".exDiv").hide("slow"); });
隐藏指定的div区域:
$(".btnFlip").click(function(){ $(".panel").slideToggle("slow"); });
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); });
标签:
原文地址:http://www.cnblogs.com/shenchao/p/4639450.html