前端-JSON、AJAX、JQuery
litengbin
这个作者很懒,什么都没留下…
展开
-
JSON(入门、数组、对象转换)
JSON JavaScript 对象表示法(JavaScript Object Notation) 是一种存储数据的方式。创建JSON对象var gareen = {"name":"盖伦","hp":616}; 这样就创建了一个JSON 对象 JSON对象由 名称/值对组成 名称和值之间用冒号:隔开 名称必须用双引号" 包含起来 值可以是任意javascript转载 2018-01-17 02:43:52 · 549 阅读 · 0 评论 -
JQuery 数组操作、字符串操作
遍历$.each 遍历一个数组 第一个参数是数组 第二个参数是回调函数 i是下标,n是内容 var a = new Array(1,2,3);$.each( a, function(i, n){ document.write( "元素[" + i + "] : " + n + "" );})document.close(); 去除重复$.uni转载 2018-01-18 00:12:49 · 499 阅读 · 0 评论 -
JQuery对ajax的支持 $.ajax $.get $.post load serialize
JQuery也有对AJAX的支持,使得其对AJAX的操作简化了很多。转载 2018-01-18 00:12:35 · 209 阅读 · 0 评论 -
JQuery 事件
加载页面加载有两种方式表示 1. $(document).ready(); 2. $(); 这种比较常用 图片加载用load()函数 $(document).ready(function(){ $("#message1").html("页面加载成功"); }); $(function(){ $("#img").load(functi转载 2018-01-18 00:12:18 · 262 阅读 · 0 评论 -
JQuery 常见效果演示
显示 隐藏 切换显示 隐藏 切换 分别通过show(), hide(),toggle()实现也可以加上毫秒数,表示延时操作,比如show(2000) $(function(){var div = $("#d"); $("#b1").click(function(){ div.hide(); }); $("#b2").click(functi转载 2018-01-18 00:12:07 · 321 阅读 · 0 评论 -
JQuery 对属性操作 以及PROP和ATTR的区别
获取通过attr()获取一个元素的属性值 $(function(){ $("#b1").click(function(){ alert("align属性是:" + $("#h").attr("align") ); }); $("#b2").click(function(){ alert("game属性是:" + $("#h").attr("转载 2018-01-18 00:11:56 · 211 阅读 · 0 评论 -
JQuery 筛选器
筛选器指的是在已经通过选择器选中了元素后,在此基础上进一步选择。第一个 最后一个 第几个首先通过 $("div") 选择了多个div元素,接下来做进一步的筛选first() 第1个元素last() 最后一个元素eq(num) 第num个元素注: num基0 $(function(){ $("#b1").click(function()转载 2018-01-18 00:11:31 · 448 阅读 · 0 评论 -
JQuery 选择器
Jquery有多达数十种选择器,把工作中会用到的常用选择器列出来,并逐一解释。元素$("tagName") 根据 标签名 选择所有该标签的元素 $(function(){ $("#b1").click(function(){ $("div").addClass("pink"); }); }); 给所有的div转载 2018-01-18 00:11:17 · 329 阅读 · 0 评论 -
JQuery 常见方法 VAL () HTML() TEXT() 以及HTML和TEXT的区别
取值通过JQuery对象的val()方法获取值 相当于 document.getElementById("input1").value; $(function(){ $("#b1").click(function(){ alert($("#input1").val()); });}); 取值 获取元素内容,如果有转载 2018-01-18 00:10:11 · 933 阅读 · 0 评论 -
JQuery 中对CSS样式的操作
增加class通过addClass() 增加一个样式中的class $(function(){ $("#b1").click(function(){ $("#d").addClass("pink"); }); }); 增加背景色 .pink{ background-color:pink;} Hello J转载 2018-01-18 00:10:37 · 298 阅读 · 0 评论 -
JQuery 入门
JQuery是一个javascript的框架,是对javascript的一种封装。 通过JQuery可以非常方便的操作html的元素 本例通过JQuery 实现 "隐藏与显示",并分步讲解每一个步骤的意思使用JQuery进行隐藏和显示 $(function(){ $("#b1").click(function(){ $("#d").hide();转载 2018-01-18 00:09:48 · 163 阅读 · 0 评论 -
AJAX(Asynchronous JAvaScript and XML)实现异步刷新
通过AJAX Asynchronous JAvaScript and XML 实现异步刷新用于用户名校验的页面准备一个JSP页面,叫做checkName.jsp用于校验提交的用户名是否存在 如果提交的用户名是abc就打印存在,否则就可以使用 <%@ page language="java" contentType="text/html; charset=UTF-8"转载 2018-01-17 03:24:10 · 509 阅读 · 0 评论 -
JQuery 将JSON格式的字符串转换为JSON对象、JQUERY对象和DOM节点对象进行互相转换
将JSON格式的字符串,转换为JSON对象将JSON格式的字符串,转换为JSON对象$.parseJSON 将JSON格式的字符串,转换为JSON对象 var s1 = "{\"name\":\"盖伦\"";var s2 = ",\"hp\":616}";var s3 = s1+s2; document.write("这是一个JSON格式的字转载 2018-01-19 00:27:33 · 2771 阅读 · 0 评论