![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
jQuery
wang_xu_xiang
这个作者很懒,什么都没留下…
展开
-
jquery随笔--选择器
$(document).ready(function(){ //元素选择器 $("#button1").click(function(){ alert($(this).text()); }); //属性选择器 $("[name=button2]").click(function(){ alert($("#p1").text()); }); $("[name=bu原创 2013-06-19 09:15:53 · 452 阅读 · 0 评论 -
jquery随笔--删除元素或其子元素
$(document).ready(function(){ //删除ID为p1的元素 $("#but1").click(function(){ $("#p1").remove(); }); //删除DIV的子元素 $("#but2").click(function(){ $("#div1").empty(); });原创 2013-06-20 08:24:33 · 1849 阅读 · 0 评论 -
jquery随笔--设置控件的值
$(document).ready(function(){ //通过text()设置P标签的值 $("#but1").click(function(){ $("#p1").text("This is a paragraph"); }); //通过val()设置P标签的值 $("#but2").click(function(){ $("#p1").val原创 2013-06-19 15:16:36 · 852 阅读 · 0 评论 -
jquery随笔--获取控件的值
$(document).ready(function(){ //通过text()获取P标签的值 $("#but1").click(function(){ alert($("p").text()); }); //通过val()获取P标签的值 $("#but2").click(function(){ alert($("p").val()); })原创 2013-06-19 14:50:41 · 580 阅读 · 0 评论 -
jquery随笔--动态创建表格
$(document).ready(function(){ //通过append()追加 var i=0; var tableline1 =" "; var tableline2=" "; $("#but1").click(function(){ i++; if (i%2==0) { $("body").append(tablel原创 2013-06-19 17:14:27 · 936 阅读 · 0 评论 -
jquery随笔--控件追加值
$(document).ready(function(){ //通过append()追加P标签的值 $("#but1").click(function(){ $("#p1").append("This is a paragraph(by append())"); }); //通过prepend()追加P标签的值 $("#but2").click(function(原创 2013-06-19 16:24:25 · 737 阅读 · 0 评论 -
jquery随笔--常用事件
//将函数绑定到文档的就绪事件(当文档完成加载时) $(document).ready(function(){ //触发或将函数绑定到被选元素的点击事件 $("#p1").click(function(){ $(this).text("被选元素的点击事件"); }); //触发或将函数绑定到被选元素的双击事件 $("#p2")原创 2013-06-19 09:48:17 · 459 阅读 · 0 评论 -
jquery随笔--控件的隐藏显示
$(document).ready(function(){ var i=0; $("#but1").click(function(){ i++; if (i%2==0) { $("#p1").show(1000); } else { $("#p1").hide(1000); } }); //效果同上 $(原创 2013-06-19 08:36:56 · 541 阅读 · 0 评论 -
jQuery随笔-- 淡入淡出
$(document).ready(function(){ //三个矩形淡入 $("#but1").click(function(){ $("#div1").fadeIn(1000); $("#div2").fadeIn(2000); $("#div3").fadeIn(3000); }); //三个矩形淡出 $("#but2").c转载 2013-06-19 10:29:47 · 505 阅读 · 0 评论 -
jquery checkBox全选及取消全选
选择资料方式 图纸 样单 说明书 $("#chk_all").click(function(){ /* 设置全选 */ if($("#chk_all").attr("checked") == "checked"){ $("input[name='chk_list']").attr("checked",true); }else{ /* 取消全选 */ $("input原创 2013-08-30 10:18:01 · 412 阅读 · 0 评论