年份:2018
日期:5-2
json字符串->json对象
1
JSON.parse();
2
eval()
3
使用jquery插件jquery.paraseJSON();
json对象->json字符串
JSON.stringify()
日期:5-1
图中标注的图标:快捷键=ctrl+shift+c
日期:4-30
js:onload
jquery:read
日期:4-22
js 和jquery的区别
1
获取
js:document.getElementBy[id,name,tagName]
jquery:$("")[获取id:$("#id);获取class:$(".class")]
2
事件
js:onclick="functionName()",onblur="functionName()"
jquery: $("元素").on("操作方式",function(){})[元素:id,class;操作方式:click,blur,fous]
3
两者相互转换
dom->jquery
得到的dom对象后,通过$()
var id =document.getElementById("id");
var $id = $(id)
juqery->dom
1
获取jquery对象后,可以通过[index]方法转化
var $id = $("#id);
var id = $id[0];
2
jquery->中的->get方法
var $id = $("#id);
var id = $id.get(0)
get(0)
日期:4-21
1
text() 方法设置或返回被选元素的文本内容 [操作元素:span,p,div]
val() 方法返回或设置被选元素的值[操作元素:input]
html()方法返回或设置被选元素的内容 (inner HTML),包括标签。/如果该方法未设置参数,则返回被选元素的当前内容
日期:4-18
1
判断元素是否存在于集合之中
inArray,方法
$.inArray(ele,col)
参数说明:
ele :要判断的袁术
col:集合
使用示例:
示例说明
等于-1 说明:不存在
不等于 -1 说明:存在
2
操作标签属性
添加:
attr
attr('attr','attr_value')
说明:
attr:标签需要添加的属性[value,name等]
attr_value:添加的属性的属性值
移除
removeAttr('attr')
说明:
attr:要移除的属性名称
日期:4-15
1
浏览器兼容性
打开浏览器-f12
2
静态网站/标准
[超链接有跳转动作,该方式避免超链接跳转]
<a href=”javascript:void(0)”></a>
3实现下载功能:
3.1
超链接
3.2
href = 文件全路径
3.3
超连接添加属性 target="_blank"[可选]
4示例
<a href="文件服务器地址/数据库存储地址"
target="_blank">下载</a>
4raiao-改变值[checkVal]-demo
jsp:
优惠卷列表展示-[为了突出记录功能,故只显示了radio]
<div id="userCouponList">
<input type="radio" id="{{id}}" checkVal="0" data-type="checkbox" value="{{amount}}" class="pull-right" name="coupons" />
</div>
js
var $userCouponList = $("#userCouponList");
var $coupons = $userCouponList.find("input[type=radio][name='coupons']");
$coupons.each(function(){
var $this = $(this);
$this.on("click",function(){
//当第一次被点击时,修改radio的value
if($this.attr("checkVal")=="0"){
//点击之后,重新赋值
$this.attr("checkVal","1");
}else{
$this.attr("checkVal","0");
}
});
});