
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 · 287 阅读 · 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 · 319 阅读 · 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 · 292 阅读 · 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 · 330 阅读 · 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 · 263 阅读 · 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 · 249 阅读 · 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 · 340 阅读 · 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 · 317 阅读 · 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 · 279 阅读 · 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 · 260 阅读 · 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 · 332 阅读 · 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 · 282 阅读 · 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 · 348 阅读 · 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 · 254 阅读 · 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 · 512 阅读 · 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 · 237 阅读 · 0 评论 -
jquery写的表单验证
菜鸟教程(runoob.com)$.validator.setDefaults({ submitHandler: function() { alert("提交事件!"); }});$().ready(function() {// 在键盘按下并释放及提交后验证提交表单 $("#signupForm").validate({转载 2017-08-16 10:47:24 · 236 阅读 · 0 评论