zoukankan      html  css  js  c++  java
  • 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>

  • 相关阅读:
    二分图匹配详解
    树状数组略解
    质数算法略解
    主席树详解
    线段树略解
    【题解】Luogu P2073 送花
    【题解】Luogu P1533 可怜的狗狗
    分块入门
    【题解】Luogu CF86D Powerful array
    【题解】Luogu UVA12345 Dynamic len(set(a[L:R]))
  • 原文地址:https://www.cnblogs.com/neights/p/4465284.html
Copyright © 2011-2022 走看看