一些简单的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。反正工作的时候让你用啥,你就答应下来 回去赶紧熬夜把类库里面的方法大概看一遍。如果有需要用的 就记下来。绝大部分情况下类库的使用还是很简单的 最主要的就是方法。
第三这里贴一下外部引用时候的一些代码。