jQuery技术

jQuery 学习 几种常用方法(2)

字号+ 作者:H5之家 来源:H5之家 2016-12-28 11:00 我要评论( )

FORM SELECT name=single OPTION selectedSingle /OPTION OPTIONSingle2 /OPTION /SELECT SELECT multiple name=multiple OPTION selectedMultiple /OPTION OPTIONMultiple2 /OPTION OPTION selectedMultiple3 /OPT

< FORM>
< SELECT name=single>    < OPTION selected>Single< /OPTION>    < OPTION>Single2< /OPTION> < /SELECT>
< SELECT multiple name=multiple>    < OPTION selected>Multiple< /OPTION>    < OPTION>Multiple2< /OPTION>    < OPTION selected>Multiple3< /OPTION> < /SELECT>
< INPUT value=check1 type=checkbox name=check> check1
< INPUT value=check2 type=checkbox name=check
checked="checked"/> check2
< INPUT value=radio1 type=radio name=radio
checked="checked"/> radio1
< INPUT value=radio2 type=radio name=radio> radio2
< /FORM>

jQuery 代码:

$("#results").append( "< TT>" + $("form").serialize() + "< /TT>" );

作用:序列化表格内容为字符串。用于 Ajax 请求。

工具

jQuery.each(obj,callback)

代码:

$.each( [0,1,2], function(i, n){
alert( "Item #" + i + ": " + n );
});//遍历数组
$.each( { name: "John", lang: "JS" }, function(i, n){
alert( "Name: " + i + ", Value: " + n );//遍历对象
});

作用:通用例遍方法,可用于例遍对象和数组。

jQuery.makeArray(obj)

HTML 代码:

First< DIV>Second< /DIV>

Third< /DIV> < DIV>Fourth

< /DIV>


jQuery 代码:

var arr = jQuery.makeArray(document.getElementsByTagName("div"));

结果:

Fourth

Third

Second

First

作用:将类数组对象转换为数组对象。使我们可以在数组和对象之间灵活的转换。

jQuery.trim(str)

作用:这个大家应该很熟悉,就是去掉字符串起始和结尾的空格。

小结:在实际的开发中我们可能会用到其他的方法和属性,以上只是个人认为新手初学jQuery时,必须掌握的一些方法。仅供大家学习的参考。有什么不对的高手指教。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 使用JQuery Mobile实现手机新闻浏览器

    使用JQuery Mobile实现手机新闻浏览器

    2016-12-28 13:01

  • jquery学习笔记---jquery插件开发

    jquery学习笔记---jquery插件开发

    2016-12-27 14:01

  • 用原生JavaScript实现jQuery的某些简单功能

    用原生JavaScript实现jQuery的某些简单功能

    2016-12-27 14:00

  • jQuery学习之路(4)- 动画

    jQuery学习之路(4)- 动画

    2016-12-25 17:01

网友点评
y