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 · 149 阅读 · 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 · 185 阅读 · 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 · 142 阅读 · 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 · 146 阅读 · 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 · 169 阅读 · 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 · 191 阅读 · 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 · 150 阅读 · 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 · 183 阅读 · 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 · 162 阅读 · 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 · 270 阅读 · 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 · 178 阅读 · 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 · 149 阅读 · 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 · 150 阅读 · 0 评论