简介
JQuery是XPath和CSS选择器的结合体。
基本语法
即选择器:
$(this).hide()
演示 jQuery hide() 函数,隐藏当前的 HTML 元素。
$("#test").hide()
演示 jQuery hide() 函数,隐藏 id=“test” 的元素。
$(“p”).hide()
演示 jQuery hide() 函数,隐藏所有元素。
$(".test").hide()
演示 jQuery hide() 函数,隐藏所有 class=“test” 的元素。
动画效果
/* JQuery的动画效果 */
$(document).ready(function(){
$("#XS").click(function(){
$("p").show();
});
});
$(document).ready(function(){
$("#YC").click(function(){
$("p").hide();
});
});
/* 显示或隐藏 */
$(document).ready(function(){
$("#XSYC").click(function(){
$("p").toggle();
});
});
/* 缓慢显示或隐藏 */
$(document).ready(function(){
$("#DRDC").click(function(){
$("p").fadeToggle();
});
});
/* 滑动显示或隐藏 */
$(document).ready(function(){
$("#HRHC").click(function(){
$("p").slideToggle();
});
});
/* 链式多级代码 */
$(document).ready(function(){
$("#LSHRHC").click(function(){
for(var i = 0;i < 1000;i++){
$("p").css("color","red").slideUp(1000).slideDown(1000);}
});
});