JQuery - 基础

常用方法

.val() :获取选择器选中的元素的value值

.val(value) :更改选择器选中的元素的value值

.empty():将选择器选中的元素清空

.append("<input/>"):根据选择器,增加子节点

$.trim(" 123"):去除首尾空格,返回字符串

将js的dom对象转为jquery对象

    var dom = parent.document.getElementById(‘frame_dialog_div‘);  //获取父节点下的frame
    var $dom = $(dom);  //将dom对象转为jquery对象



加载、初始化

$(function(){…});

是$(document).ready(function(){})的简写形式,它在DOM结构绘制完毕后就执行,不必等到加载完毕,较常用

$(window).load(function(){…});

在所有的页面元素(包括图片、链接等)加载完之后执行。


解析Json

DEMO

var json = [{"id":"123","name":"zhang3","sex":"M"},{"id":"234","name":"li4","sex":"W"}];

将json字符串转为js对象

var obj =eval("("+data+")");

将js对象转为字符串

var str =JSON.stringify(obj);

渲染

使用js动态生成标签(如input)的时候,不能加载标签的样式,需要再次对它进行渲染。

 $.parser.parse($(‘#id‘));


Ajax示例

$.ajax({
    type:’post’,
    url:’someaction.do’,
    data:{key1:value1,key2:value2},
    success:function(data,textStatus){…},
    error:function(){…}
});

本文出自 “Zero的技术之路” 博客,请务必保留此出处http://zerohou.blog.51cto.com/3019528/1615582

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。