欢迎访问 夜阑小雨 我的学习碎片档案,这里记录了我的学习内容和工作中经验,希望给您带去帮助。

jqmobi api 详细解说(原创)

javascript 夜阑小雨 3126℃ 0评论

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>

转载请注明:夜阑小雨 » jqmobi api 详细解说(原创)

喜欢 (0)or分享 (0)
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(2)个小伙伴在吐槽
  1. 你好,我最近也在学phonegap+jqmobi这一块的东西,我遇到一个问题:在jqmobi下 用总是调用不了短信界面,请问你是否也遇到这样的问题呢?能帮我一下吗?谢谢!
    alian2013-09-30 21:14 回复