学习jquery之一

心暖我伴

心暖我伴

2016-02-19 09:55

想不想get新技能酷炫一下,今天图老师小编就跟大家分享个简单的学习jquery之一教程,一起来看看吧!超容易上手~
script src=/jslib/jquery/jquery-latest.pack.js/script 
p height=1001学习jquery/p
spanval()可以取值;val(s)可以赋值/spanbr/
divinput type="text" id="mm" value="mm"button  id=get取值/button
button  id=put赋值/button
/div
button id=an展开/button
div id=test  /divbr

span/spanbr/
SCRIPT LANGUAGE="JavaScript"
!--
$(document).ready(function(){
$("#get").click(function(){
$("#test").html("我是input的值:"+$("#mm").val())
})
$("#put").click(function(){
$("#mm").val("val()真好用")
})

$("#an").click(function(){
var a=$("#an").val()=="展开"?"缩进":"展开"
//$("#an").val(a)
if(a=="展开"){ 
 $("#test").slideUp("slow",function(){$("#an").val(a)});
//$("#test").fadeOut("fast",1000);
// $("#test").fadeIn("fast",500)
}
else{
$("#test").slideDown("slow",function(){$("#an").val(a)});

//$("#test").fadeOut("fast",1000);
//$("#test").fadeOut("slow",500)
}
})
$("span").css({background:'black',color:"red"})
//is叛断
$("button[@id='get']").parent().is("div")
$("#test").html("css();animate()")
$("div#test").css({ left: 10,height:200,width:200,background:"black",color:"white"});
$("div#test").animate({ left: 500, opacity: 'show' }, 500);


});



function aiqi(){
$("#mm").val("asdasd")
$("p").css("color","red")
$("div#test").background("gray")
$("div#test").css("color","yellow");
$("div#test").css({width:"200",height:200})
$("div#test").html($.browser.msie)
//$("#mm").click(function{alert()});
$("#test").fadeOut("fast",1000);
$("p").fadeTo("slow", 0.5);
$("#test").fadeIn("slow",0.5,function(){ alert("Animation Done."); });
$.each( [0,1,2], function(i){ alert( "Item #" + i + ": " + this ); });
$("p").slideDown("slow",function(){ alert("Animation Done."); });
}

//aiqi();
//$("p").mousedown();//$("img").oneload( function() { alert("Hello"); } );

//$.getScript("test.js",function(){
//alert(obj.name)})
//$.getJSON("test.js", function(obj){ alert(obj.name);})
//--
/SCRIPT
展开更多 50%)
分享

猜你喜欢

学习jquery之一

Web开发
学习jquery之一

JQuery 学习笔记 选择器之一

Web开发
JQuery 学习笔记 选择器之一

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

jquery 学习笔记一

Web开发
jquery 学习笔记一

Jquery 学习笔记(一)

Web开发
Jquery 学习笔记(一)

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

jQuery使用手册之一

Web开发
jQuery使用手册之一

跟着Jquery API学Jquery之一 选择器

Web开发
跟着Jquery API学Jquery之一 选择器

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

用javascript实现图片马赛克后显示并切换

用javascript实现图片马赛克后显示并切换

c++大数阶乘的实现方法

c++大数阶乘的实现方法
下拉加载更多内容 ↓