jquery
jony0303
编程就是算法和数据结构,算法和数据结构是编程的灵魂
展开
-
jQuery - AJAX get() 和 post() 方法
$(document).ready(function(){ $("#btn1").click(function(){ $.get("uploads/get.txt",function(data,status){ alert("数据:"+data+"\n状态"+status); }); }); $("#btn2").click(function(){ $.post("uploads/p原创 2016-09-22 16:38:49 · 269 阅读 · 0 评论 -
jQuery - AJAX load() 方法
$(document).ready(function(){ $("#btn1").click(function(){ $("#test").load("uploads/01.txt"); }); $("#btn2").click(function(){ $("#test").load("uploads/01.txt #p1"); }); $("#btn3").click(f原创 2016-09-22 16:05:14 · 299 阅读 · 0 评论 -
jQuery 遍历 - 过滤
$(document).ready(function(){ $("div p").first().css("background-color","yellow"); $("div p").last().css("background-color","red"); $("p").eq(3).css("background-color","yellow"); $("p").filter("#i原创 2016-09-22 15:09:58 · 273 阅读 · 0 评论 -
jQuery 遍历 - 同胞
.descendants * { display: block; border: 2px solid lightgrey; color: lightgrey; padding: 5px; margin: 15px; } $(document).ready(function(){ $("#div1").children().css({"color":"red","bo原创 2016-09-22 14:52:49 · 310 阅读 · 0 评论 -
jQuery 遍历 - 祖先
.ancestors * { display:block; border:5px solid lightgrey; color:blue; padding:8px; margin:15px; } $(document).ready(function(){ $("#span1,#span2").parent().css({"color":"red","border":"原创 2016-09-22 11:16:53 · 244 阅读 · 0 评论 -
jQuery - 尺寸
$(document).ready(function(){ $("#btn1").click(function(){ var txt=""; txt+="Width of div:"+$("#div1").width()+""; txt+="Height of div:"+$("#div1").height()+""; txt+="Inner width of div:"+$("#div原创 2016-09-22 10:25:36 · 235 阅读 · 0 评论 -
jQuery - css() 方法
$(document).ready(function(){ $("#btn1").click(function(){ alert("p1 Background color = "+$("#p1").css("background-color")); alert("p2 Background color = "+$("#p2").css("background-color")); alert原创 2016-09-21 17:28:16 · 312 阅读 · 0 评论 -
jQuery - 获取并设置 CSS 类
$(document).ready(function(){ $("#btn1").click(function(){ $("#h1,#h2,#p1").addClass("color"); $("div").addClass("important"); }); $("#btn2").click(function(){ $("#h1,#h2,#p1").removeClass("colo原创 2016-09-21 16:18:16 · 297 阅读 · 0 评论 -
jQuery - 删除元素
$(document).ready(function(){ $("#btn1").click(function(){ $("#div1").remove(); }); $("#btn2").click(function(){ $("#div1").empty(); }); $("#btn3").click(function(){ $("p").remove(); }); });原创 2016-09-21 15:43:27 · 264 阅读 · 0 评论 -
jQuery - 添加元素
$(document).ready(function(){ $("#btn1").click(function(){ $("p").append("我是末尾追加文本"); }); $("#btn2").click(function(){ $("ol").append("我是末尾追加列"); }); $("#btn3").click(function(){ $("p").原创 2016-09-21 15:26:25 · 243 阅读 · 0 评论 -
jquery设置
$(document).ready(function(){ $("#btn1").click(function(){ $("#test1").text("Hello World!"); }); $("#btn2").click(function(){ $("#test2").html("Hello World!"); }); $("#btn3").click(function原创 2016-09-21 14:15:28 · 313 阅读 · 0 评论 -
jquery获取
$(document).ready(function(){ $("#btn1").click(function(){ alert("Text:"+$("#test").text()); }); $("#btn2").click(function(){ alert("HTML:"+$("#test").html()); }); $("#button1").click(function(原创 2016-09-21 11:41:42 · 262 阅读 · 0 评论 -
jquery动画相关函数
$(document).ready(function(){ $("#button1").click(function(){ $("#div1").animate({ left:'250px', height:'+=150px', width:'+=150px' }); }); $("#button2").click(function(){ $("#div1").animate({原创 2016-09-21 10:25:08 · 325 阅读 · 0 评论 -
jQuery 效果 - 滑动
$(document).ready(function(){ $(".flip1").click(function(){ $(".panel1").slideDown("slow"); }); $(".flip2").click(function(){ $(".panel2").slideUp("slow"); }); $(".flip3").click(function(){原创 2016-09-20 16:55:04 · 236 阅读 · 0 评论 -
jquery淡入淡出fadeIn() fadeOut()
$(document).ready(function(){ $("#button1").click(function(){ $("#div1").fadeIn(); $("#div2").fadeIn("slow"); $("#div3").fadeIn(3000); }); $("#button2").click(function(){ $("#div1").fadeOut(300原创 2016-09-20 15:10:47 · 485 阅读 · 0 评论 -
jquery
$(document).ready(function(){ $("p").click(function(){ $("p").css("color","red"); }) }); 点我变红 $(document).ready(function(){ $("button").click(function(){ $("p").hi原创 2016-09-20 11:26:01 · 211 阅读 · 0 评论 -
jquery写的表单验证
菜鸟教程(runoob.com) $.validator.setDefaults({ submitHandler: function() { alert("提交事件!"); } }); $().ready(function() { // 在键盘按下并释放及提交后验证提交表单 $("#signupForm").validate({转载 2017-08-16 10:47:24 · 219 阅读 · 0 评论