![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
jquery
涂家豪
这个作者很懒,什么都没留下…
展开
-
看程序学jquery1-基础
1、使用JQuery进行隐藏和显示 <script src="http://how2j.cn/study/jquery.min.js"></script> <script> $(function(){ $("#b1").click(function(){ $("#d").hide(); }); $("#b2").click(fu...原创 2019-06-22 16:38:10 · 106 阅读 · 0 评论 -
看程序学jquery12-将JSON格式的字符串,转换为JSON对象
<script src="http://how2j.cn/study/jquery.min.js"></script> <script> var s1 = "{\"name\":\"盖伦\""; var s2 = ",\"hp\":616}"; var s3 = s1+s2; document.write("这是一个JSON格式的字符串:"...原创 2019-06-24 18:00:14 · 123 阅读 · 0 评论 -
看程序学jquery11-字符串操作
去除首尾空白 <script src="http://how2j.cn/study/jquery.min.js"></script> <script> document.write($.trim(" Hello JQuery ")); document.close(); </script>原创 2019-06-24 17:58:47 · 90 阅读 · 0 评论 -
看程序学jquery10-数组操作
示例 1 : 遍历 <script src="http://how2j.cn/study/jquery.min.js"></script> <script> var a = new Array(1,2,3); $.each( a, function(i, n){ document.write( "元素[" + i + "] : " + n + "<...原创 2019-06-22 17:07:22 · 107 阅读 · 0 评论 -
看程序学jquery9-AJAX
示例 1 : 提交AJAX请求 <script src="http://how2j.cn/study/jquery.min.js"></script> <div id="checkResult"></div> 输入账号 :<input id="name" type="text"> <script> $(func...原创 2019-06-22 17:05:55 · 130 阅读 · 0 评论 -
看程序学jquery8-事件
示例 1 : 加载 <script src="http://how2j.cn/study/jquery.min.js"></script> <script> $(document).ready(function(){ $("#message1").html("页面加载成功"); }); $(function(){ $("#...原创 2019-06-22 17:03:43 · 140 阅读 · 0 评论 -
看程序学jquery7-效果
示例 1 : 显示 隐藏 切换 <script src="http://how2j.cn/study/jquery.min.js"></script> <script> $(function(){ var div = $("#d"); $("#b1").click(function(){ div.hide(); }); $(...原创 2019-06-22 16:59:47 · 108 阅读 · 0 评论 -
看程序学jquery6-属性
示例 1 : 获取 <script src="http://how2j.cn/study/jquery.min.js"></script> <script> $(function(){ $("#b1").click(function(){ alert("align属性是:" + $("#h").attr("align") ); })...原创 2019-06-22 16:57:28 · 141 阅读 · 0 评论 -
看程序学jquery5-筛选器
示例 1 : 第一个 最后一个 第几个 <script src="http://how2j.cn/study/jquery.min.js"></script> <script> $(function(){ $("#b1").click(function(){ $("div").first().toggleClass("pink"...原创 2019-06-22 16:55:24 · 118 阅读 · 0 评论 -
看程序学jquery4-选择器
示例 1 : 元素 <script src="http://how2j.cn/study/jquery.min.js"></script> <script> $(function(){ $("#b1").click(function(){ $("div").addClass("pink"); }); }); <...原创 2019-06-22 16:52:20 · 137 阅读 · 0 评论 -
看程序学jquery3-对CSS样式的操作
1、增加class <script src="http://how2j.cn/study/jquery.min.js"></script> <script> $(function(){ $("#b1").click(function(){ $("#d").addClass("pink"); }); }); </scr...原创 2019-06-22 16:46:44 · 135 阅读 · 0 评论 -
看程序学jquery2-jquery常见方法
1、取值 <script src="http://how2j.cn/study/jquery.min.js"></script> <script> $(function(){ $("#b1").click(function(){ alert($("#input1").val()); }); }); </script&g...原创 2019-06-22 16:42:53 · 111 阅读 · 0 评论 -
看程序学jquery13-对象转换
示例 1 : JQuery转DOM <script src="http://how2j.cn/study/jquery.min.js"></script> <script> $(function(){ $("#b1").click(function(){ var div= $("#d"); var d = div[0]; ...原创 2019-06-24 18:02:09 · 106 阅读 · 0 评论