jQ.Mobi指南系列教程:查询选择库的用法(Usage)

移动开发
jQ.Mobi指南系列教程是《 jqMobi Javascript Frameworks Cheat Sheet》 的中文版,详细介绍了jQ.Mobi.本文为jQ.Mobi指南系列教程的第二部分,查询选择库的用法(Usage)。

  加入以下script标记在你的html文件中以使用jQ.Mobi

  1. <script src=”jq.mobi.min.js”></script> 

这将创建两个可使用的对象。它不会覆盖一个预先存在的$对象.

  1. $(“#main”) 
  2. jq(“#main”) 

查询选择器
支持所有符合W3C标准的查询,如下选择都被支持:

  1. $(“input[type='text']“)/下面的选择不被浏览器支持 
  2. $(“input:text”) 

在某些函数里,会用到一个额外的选择器。这有可能是一个字符串、数组、或者一个jQ.Mobi 对象,目前还不支持函数。

语法:

基本的调用

  1. $(“#id”).hide() 

列举Dom元素、选择器、节点列表,或者html字符串

  1. $(“span”).bind(“click”,function({console.log(“clicked”);});//->查找所有span元素并绑定一个click事件 

通过传递一HTML字符串来创建相应的对象

  1. var myDiv=$(“<div id=’foo’>”) //创建并返回一个div对象 

jQ.Mobi使用Ajax 

  1. .get(url,callback) //发起一个到该URL的Ajax请求并将返回的结果用在回调函数中;  
  2. .post(url,data,callback,dataType) //用传入的数据向该URL发起一个Ajax的POST
    请求并将返回的结果用在回调函数中。可传入一个可选的数据类型,因为有的WEB服务器需要
    这个头部。  
  3. .getJSON(url,data,callback) //用传入的数据向该URL发起一个Ajax请求,并将从应
    答中得到的json 对象传到回调函数,
    同时执行该回调函数。 
     

如果需要更多的入口,以下信息会被用到;

  1. .ajax {  
  2.    type:’POST’, //默认为GET  
  3.    url:’/api/getinfo’, //默认为window.location  
  4.    contentType:’application/json’, //默认为application/x-www-form-
    urlencoded  
  5.    headers:{},  
  6.    dataType:’application/json’, //默认为text/html  可用调用$serialize函
    数把该对象转换为一键/值对字符串。  
  7.    success:function(data){}, //Ajax请求成功时调用的函数  
  8.    error:function(data){}, //Ajax请求出错时调用的函数  
  9. }  

在Ajax的GET请求时,如果请求的url中包含了”=?”字样,将会发起一个jsonp请求。

插件

jQMobi具有可扩展性,通过添加插件的方式来扩展。

要创建一个插件,传递一个主要jqMobi对象的参照继承$.fn对象。

原文地址,jqmobi更多信息见http://www.jqmb.net

 

责任编辑:佚名 来源: 思越的blog
相关推荐

2012-04-23 15:21:55

jQ.Mobi组件

2012-04-23 15:07:45

jQ.Mobi

2022-01-19 12:08:13

Linuxnamei命令

2023-07-06 15:05:34

矢量数据库数据库

2009-11-13 15:46:25

Java多线程

2021-01-31 17:50:41

数据库查询程序员

2013-02-18 13:44:22

CSSSASSWeb

2010-08-05 14:32:16

Flex框架

2010-07-26 14:54:07

Perlsplit函数

2010-07-26 15:27:50

Perl foreac

2010-08-09 12:42:16

Flex module

2010-08-12 15:20:49

Flex Builde

2010-07-26 17:09:00

Perl模块

2021-12-24 09:58:37

DockerMySQLLinux

2021-03-07 09:05:45

Pytorch机器学习神经网络

2017-06-14 21:01:05

2011-04-18 13:23:46

数据库查询

2010-11-24 17:36:02

MySQL条件查询语句

2010-08-04 14:07:59

Flex事件机制

2010-08-16 15:11:02

DIV
点赞
收藏

51CTO技术栈公众号