jqmobi api 详细解说(原创)
0、$().get()得到是相应的元素。
如: $elem=$(".panal").get(0)); //得到了第一个panal类的元素
$elem_id = $elem.id; //通过.id可以获得该元素的id值,其他的属性相似
$.get(url:"URL", //.get()有不同的用法。其引用的主语不同。
success:function(){},
timeout:"1000",
error:function(){}
) – makes an Ajax call
如:function doGet(){
$.get(webRoot+’ajax.html’,function(data){$(‘#jqm25_content’).html(data)});
}
下面对jqmobi的所有的api进行简要说明:
1、$().length(); //按class来计算该类的个数,可以意为count
instance: ($(‘.jqm2′).length)
2、$().find(""); //在选定容器里面,找到所有""的元素
instance: ($(‘#jqm3′).find(‘li’).length) //在id为jqm3的容器里,得到li元素的个数
3、$().html(); //得到或者设置被选择元素的value(text)
4、$().text(); //得到或者设置被选择元素的value(text)
5、$().css(); //得到或者设置被选择元素的css属性
instance:($("#jqm6_content").css("background"));
($("#jqm6_content").css("background","green"));
6、$().empty(); //清空选定元素的value(text)
7、$().hide(); //隐藏选定元素
8、$().toggle(); //切换选定元素的显示形态(隐藏/显示)
9、$().val(); //得到或者设置被选择元素的value(text)
10、$().attr(); //得到或者设置被选择元素的属性
instance:$(jqm12_content).attr("data-test");
$(jqm12_content).attr("data-test","bar");
11、$().removeAttr(); //删除被选择元素的属性
instance:$().removeAttr("data-text")
12、$().remove();//删除被选择元素
instance:$().remove();
13、$().addClass();//向被选择元素中添加class属性
instance:$().addClass("jqm15_content");
14、$().removeClass("");//将被选择元素中的名为""的class属性删除
instance:$().removeClass("jqm16_content");
15、$().hasClass("");//若被选中元素存在名为""的class则返回true,否则返回false
instance:$().hasClass("jqm16_content");
16、$().bind()//为被选择元素绑定事件
instance:$().bind("click",function(evt){alert("I was binded")});
17、$().unbind()//取消被选中元素的相应绑定事件
instance:$().unbind("click");
18、$().trigger()//为选中元素添加触发事件
$().trigger("click");//????不太明确用法
19、$().append()//在选中元素内添加元素,添加在内部元素的后面
instance:$().append("<span>I am appended</span>");
20、$().prepend()//在选中元素内添加元素,添加在内部元素的前面
instance:$().prepend("<span>I am prepended");
21、$().get()//前面讲过
22、$().offset()//得到被选中元素的left和top的offset值
instance:<script> var data=$().offset(); data.top; data.left;</script>
23、$().parent()//得到被选中元素的上一级元素
24、$().serialize()//返回被选中表单的key/value值对。 ?????实际效果未实验
instance:function serializeForm(){
alert($("#form").serialize());
}
25、$.isArray()//判断变量是否为数组
26、$.isFunction()//判断变量是否为函数
27、$.jsonP()//发起一个json call?????其实不理解
28、$.ajax()//发起一个ajax call
instance:<sctript> $.ajax(webroot+’ajax.html’,success:function(data){$("jqm24_content").html(data)});</script>
29、$.get()//发起一个ajax call
instance:<script type="text/javascript">
function doGet(){
$.get(webRoot+’ajax.html’,function(data){$(‘#jqm25_content’).html(data)});
}
</script>
30、$.post()
instance:<script type="text/javascript">
function doPost(){
$.post(webRoot+’ajax.html’,{foo:"bar"},function(data){$(‘#jqm26_content’).html(data)});
}
</script>
31、$.getJSON()//$.getJSON(url,data,success); – Makes a XMLHttpRequest GET request and returns a JSON object.
instance:<script>
function doJSON(){
$.getJSON(webRoot+’json.html’,function(data){$(‘#jqm27_content’).html(JSON.stringify(data))});
}
</script>
32、$.param()//将键/值格式的值对转变为querystring
instance:<script>
function doParam(){
var data={foo="foo",bar="bar"};
$("jqm28_content").html($.param(data));
}
</script>
33、$.parseJSON()//得到JSON格式的值对
instance:<script>
function doParseJson(){
var obj=’{"foo":"bar"}’;
alert($.parseJSON(obj));
}
</script>
34、$.os//得到与系统相关的东西,返回true,false
instance:<pre style="padding-left:15px">
$.os.webkit = <script>document.write($.os.webkit);</script>
$.os.android = <script>document.write($.os.android);</script>
$.os.ipad = <script>document.write($.os.ipad);</script>
$.os.iphone = <script>document.write($.os.iphone);</script>
$.os.ios = <script>document.write($.os.ios);</script>
$.os.webos = <script>document.write($.os.webos);</script>
$.os.touchpad = <script>document.write($.os.touchpad);</script>
$.os.blackberry = <script>document.write($.os.blackberry);</script>
$.os.opera = <script>document.write($.os.opera);</script>
$.os.fennec = <script>document.write($.os.fennec);</script>
</pre>