（未艾原创）一些简单的jQuery对象和基本用法吧。

一些简单的jQuery对象和基本用法吧。

我TMD贼恨这个玩意。

跟僵尸一样。。。

又来一大波选择器。。。

各种选择器妈的。。。妈的！！！

我这样的文章不适合新手读。。。

比较适合 刚学完没几天有点忘了 想回顾一下的 例如现在的自己！

因为妈的 我就是记不住啊！！！

————未艾。

  

  

$(this).hide():隐藏当前元素。

//这里没啥解释的。和java里面一样。

 

$("p").hide():隐藏所有的

标签。

//嗯。。。反正也没啥解释的 这里就这样用吧。引号里面写标签。

 

$("p.text").hide():隐藏所有class="test"的

标签。

//这个可以说一说 反正记着 标签之后带点点的 都是选择class！！是累！呸 是类样式！

//点点就好像射出来的你们懂的 然后就会累了！就会装死了！

//对！就是这样 你没有想错！class就是被射出来的！

//下回对着前端人员问一问：你今天射出来了什么样的class?

 

$("#test").hide():隐藏所有id="test"的元素。

//上一个说的是 点点后面代表的是class

//那么#号后面为什么代表的是id呢？

//别问我 因为我也编不下去了！死记硬背！井号后面是id

//你看他不过来就给他推井里面去！

 

jQuery和DOM对象是有很大区别的！这里就不说了！出门又拐有百度。它那有。你仔细看看就成了。

反正你记着jQuery和DOM可以互相转换。这也是底层写好的。

 

反正工作的时候几乎没有白吃把jQuery转换成DOM。。。对自己好点。没事给自己找麻烦不是。。。和咸鱼有什么区别？闲的。

 

 

$("input [name = 'userName']"):选取页面中的name属性值为userName的input元素。

//嗯 很规整。 你看 正常引号里面写的都是标签。 例如上面的。那么 里面的中括号可以写东西  值得注意的是 双引号里面还想写双引号的话 就得写单引号。

//爸爸的爸爸叫爷爷 妈妈的妈妈叫姥姥。。。单引号的爸爸叫双引号。。。

 

$("from [name = 'regForm'] > input[name = 'userName']"):选取name值为regForm的

标签中，name属性值为userName的input元素。

//在选择器里 大括号就是包含的意思。。。 这么理解就顺畅了。

 

$("#demo").children(exp):匹配ID为demo的元素的子元素集合。

$("#demo").find(exp):匹配ID为demo的元素的后代元素集合。

$("#demo").parent(exp):匹配ID为demo的元素的父元素。

$("#demo").parents(exp):匹配ID为demo的元素的上级元素集合。

$("#demo").siblings(exp):匹配ID为demo的元素的同辈元素集合。

//这里主要是jQuery的一些方法。跟java一样方法是用来（点.出来的）！

 

 

其下还有。

 

获取属性值attr(name)

修改属性值attr(key,value)

删除属性值removeAttr(name)

获取样式css(name)

修改单个样式css(key,value)

修改多个样式css（{key1:value,key2:value2,…………}）

 

添加类样式addClass(className)

移除类样式removeClass(className)

 

获取设置HTML内容html()、html(val)

获取或设置对象的值val()、val(val)

追加内容append(content)

删除节点remove()

 

//死记硬背也把选择器具体方式背下来 不然写项目什么的太难了。老得回头看。为了这么一个经常用的东西回头不值得。

 

绑定事件。

语法：bind(type,fn)

//type:绑定的事件类型。

//fn:绑定的方法名

 

触发事件。

语法：trigger(type)

//type:触发事件类型。

 

绑定事件。

live(type,fn)

//type绑定活动时间类型。

//fn绑定的方法名。

 

//其实这里主要用来做 就是：你们懂的 一进一个网页 网页加载的时候会有一个小小的加载图片或者gif这就是加载事件。

//其次 鼠标点击啊。。。鼠标悬浮啊。。。这些都是通过这里的事件来写出来的。

//我仅仅在这里写出来了语法。如果具体应用不懂的话请右拐百度。

//有语法在，这才是根本。记住语法，以后才能写句子。不然你们的汉语拼音，啊呸。。。英语怎么学的。

 

再么就是jQuery的页面效果了。

 

例如：

显示隐藏效果：

显示：show(speed[,callback])

隐藏：hide(speed[,callback])

//speed动画时长。

//callback:指定回调函数。

 

滑动效果：

向上滑动效果：SlideUp(speed[,callback])

向下滑动效果：slideDown(speed[,callback])

 

淡入淡出效果：

淡入效果：fadeIn(speed[,callback])

淡出效果：fadeOut(speed[,callback])

 

自定义动画：

animate(params[,duration][,callback])

//params:效果参数。

//duration:动画时长。

//callback:回调函数。

 

 

 

以上就是一部分关于jQuery 的效果方法。当然jQuery无疑是非常强大、简洁、好用的一个库。所以你们面试的时候千万别直接说他是一个框架。

 

和框架的概念有所不同。所以如果你张口就来没准面试的时候就被pass掉了。

 

接下来我开始写一些关于jQuery中最重要的部分；就是用jQuery来实现Ajax

 

 

 

 

 

 

 

$.get()方法。

$.get(url[,data][,callback]);

$.post()方法。

$.post(url[,data][,callback]);

//url用户请求的页面地址。

//data要发送的数据。通常有json，xml等等。

//callback执行完Ajax请求后要回调的函数。

 

还有其他的一些方法。

$.load(url[,data][,callback]);

$.getJSON(url[,data][,callback]);

$.getScript(url[,callback]);

$.ajax([options]);

 

其中。前面提到的$.get(),$.post(),$.load(),$.getScript(),$.getJSON()方法都是基于$.ajax()方法构建的。

所以$.ajax()是jquery最底层的Ajax实现。

因此可以用来替换掉前面所有的方法。

所以刚刚强行背方法的同学这时候是不是要骂娘了？

骂吧。当初我就骂过了。这里最重要的还是$.ajax();

 

拓展一下一些知识。

首先 JavaScript里面的类库有很多。推荐清华大学的那本javaWeb实例书，里面比较全。我也不可能一下写二百多页进来。

第二类似类库还有ext。反正工作的时候让你用啥，你就答应下来 回去赶紧熬夜把类库里面的方法大概看一遍。如果有需要用的 就记下来。绝大部分情况下类库的使用还是很简单的 最主要的就是方法。

第三这里贴一下外部引用时候的一些代码。