存档
jquery-getting-started中的一个小bug
不得不说,文章作者对于JQuery的讲解还是可以身为深入浅出的,几句话就将JQuery的选择器以后一些操作说明的很清楚,让我这样一个JS白痴可以看懂~
但是在看到tablesorter插件那个地方的时候,作者犯了一个小错误,而且我估计很多人都会犯这样子的错误
- $(document).ready(function() {
- $("#large").tableSorter();
- });
对于习惯了匈牙利命名法的朋友觉得其实没有什么,包括我~但是运行的时候,对于table中的内容没法排序~
囧~
弄了一会发现是JQuery对于大小写敏感,正确的代码是这样子的
- $(document).ready(function() {
- $("#large").tablesorter();
- });
不应该有大写字母存在~
而且就我这几天对于JQuery的学习,发现JQuery的方法基本上是没有大写的,都是小写。当然,属性是有大写的~
JQuery基础
弄了半天,有了一点眉目.不敢独享,写出来。高手可以直接无视,和我有同样迷惑的朋友可以稍微看一下
首先说一下返回值的类型的一些东西,大概有两种比较让人迷惑返回值
- jQuery──这种是比较常见的返回值,比如eq函数,lt,gt等等。之所以返回了一个jQuery,那么这个返回值可以直接在jQuery中进行操作,比如append等等之类的操作,不可以直接document.write的形式写在网页中(写了之后是这个的类型)
- Element。返回这个值的话,那么返回的其实是一个DOM,你可以对这个对象进行属性的操作。比如$(”p”).get(1),那么这个时候返回的是一个DOM对象,就是第二个p元素,你可以进行DOM的操作
另外还有一个比较绕人的地方就是$(”")中表示的意义。有的是asdf,有的是#asdf,有的是.asdf,到底表示什么意思?如果直接是asdf的话,那么这个asdf代表DOM对象的标签,比如”<p>”,如果是#asdf,这个asdf代表DOM元素的id,如果是.asdf,这个asdf是DOM对象的class
jQuery的功能还是很强大的,很大程度上解决了我们对于DOM对象的操作和ajax实现的难度。最为简单的ajax实现代码如下:
data = $("#form1").formSerialize();
$.post("index.php?op=ajax",data,function(msg){
alert(msg);
})
注意,formSerialize()函数需要jquery.form.js插件的支持
msg显示的是提交地址(本例是index.php?op=set)接受$_POST之后的显示,比如可以这样子测试,将index.php写成如下内容
if($_GET['op']==”ajax”){
var_dump($_POST);
}
则index.php最后将POST给dump出来,那么对应上面JS中,msg的值就是dump出来的POST
是不是很简单?上面只是一个演示,你完全可以在我们演示的地方写上自己的逻辑业务,比如写入数据库之类的。这样子就实现了使用ajax提交表单内容。虽然这只是最简单的一个ajax示例,但是已经能出来对于ajax操作jQuery封装的也是非常好的。很方便~
如果写的时候觉得不好写,可以参考附件中的api手册,对应的jQuery版本是1.2.1,不过这些都是大同小异,高版本可以拿来直接使用