
jquery
阿狸404
这个作者很懒,什么都没留下…
展开
-
window.onload与$(document).ready()的对比
jquery基本知识,据说面试会问哈。原创 2016-06-21 22:21:08 · 343 阅读 · 0 评论 -
jquery下拉框应用
html效果如下所示:* 首先实现将左边的选中的移动到右边(“#add”).click(function(){ var $option = $(‘#select1 option:selected’); var $remove = $option.remove(); $("#select2").appen原创 2016-06-21 22:32:39 · 270 阅读 · 0 评论 -
jquery冒泡事件
解释冒泡事件,就是这样的层级关系,body,div,span都添加了一个事件,而当我们点击内部事件时,相当于也点击了div,body上的事件,而且这个会按照特定的顺序执行click事件,先span ,然后div,最后body. 有时候,这样的冒泡事件会到来副作用,我们家只想要响应span的click事件。所以有必要对事件的范围做一个限制。 这样就引出了事件对象。 jquery 的事件对象很简原创 2016-06-21 22:32:06 · 704 阅读 · 0 评论 -
jquery合成事件hover(enter,leave
hover(enter,leave)__该方法模拟光标悬停事件。当光标移动到该元素时,会触发指定的第一个函数(enter),但光标移出这个元素时,会触发指定的第二个函数(leave) 示例: (function(){(function(){ (“#saveBtn”).hover(functiong(){ (this).next().show(); },function(){(t原创 2016-06-21 22:31:43 · 311 阅读 · 0 评论 -
jquery合成事件hover(enter,leave
hover(enter,leave)__该方法模拟光标悬停事件。当光标移动到该元素时,会触发指定的第一个函数(enter),但光标移出这个元素时,会触发指定的第二个函数(leave) 示例: (function(){(function(){ (“#saveBtn”).hover(functiong(){ (this).next().show(); },function(){(t原创 2016-06-21 22:30:32 · 723 阅读 · 0 评论 -
jquery样式操作toggle()
样式操作主要包括:获取样式和设置样式,追加样式,删除样式,切换样式,判断是否有某个样式。* 获取样式和设置样式:首先我们要理解样式class属性也属于元素的属性,因此我们可以使用attr()来获取样式和设置样式。如下所示:给p元素设置样式var getClass = $(“p”).attr(“class”); console.log(getClass); 结果是:myCla原创 2016-06-21 22:29:45 · 1257 阅读 · 0 评论 -
jquery复制节点clone
clone() 此方法复制节点后,被复制的新元素并不具有任何行为,如果想要被复制的新节点也具有复制功能,还可以使用: $(“#clone li”).clone(true).appendTo(“body”) clone()方法原创 2016-06-21 22:28:19 · 427 阅读 · 0 评论 -
jquery删除节点
jQuery提供了三种删除节点的方法,即remove(),detach(),empty()* remove()方法:<label id="removeUl">移除操作喲</label> <ul class="removeTest"> <label>移除操作</label> </ul>(“.removeTest”).remove();结果:注意:由此可见remove()方法删除目标节原创 2016-06-21 22:27:06 · 419 阅读 · 0 评论 -
jQuery对象和DOM对象的转化
先约定好定义变量的风格: var $something = jQuery对象;var something = DOM对象;* jQuery对象 转为 DOM对象首先我们要了解到jQuery对象实际上是一个类似数组的对象,可以通过【index】和get(index)来得到相应的DOM对象。 比如: var allP=allP = (“p”); //获取所有的p元素 var do原创 2016-06-21 22:22:55 · 316 阅读 · 0 评论 -
jquery复选框应用
您做喜欢的运动是什么呢? 足球 跑步 篮球 游泳 html页面如下:* 全选:(“#checkAll”).click(function(event)原创 2016-06-21 22:33:57 · 370 阅读 · 0 评论