参考别人写得比较明白的,红色部分为重点吧:使用jQuery获取元素位置时,我们会使用position()或offset()方法,两个方法都返回一个包含两个属性的对象-左边距和上边距,它们两个的不同点在于位置的相对点不同。可以看看下边的图:从图中我们可以大体看出两者的区别。position()获取相对...
分类:
Web程序 时间:
2014-05-23 10:47:42
阅读次数:
306
View Code 1 View Code 文 件: 文件说明:
分类:
Web程序 时间:
2014-05-23 10:45:01
阅读次数:
359
jquery可以对form进行操作,以批量操作某一标签,这里以input标签为例总结。
示例一:对删除infoForm表单的input的所有readonly属性
$("#infoForm input").removeAttr("readonly");示例二:修改infoForm表单所有input的readOnly属性
$("#infoForm input").attr("readOnly...
分类:
Web程序 时间:
2014-05-22 13:31:17
阅读次数:
337
如何一气呵成地,on the fly地操作DOM元素呢?
例如顺序执行【创建】-> 【修改】-> 【添加】三个动作。
由于jQuery支持链式操作,其实就是设计模式的builder模式,所以我们可以把三个操作串在一起来执行。
首先创建一个p元素,内容包含一个a元素。
$('jQuery')
然后为a元素添加一个href属性
$('jQuery').find('a').a...
分类:
Web程序 时间:
2014-05-22 12:54:21
阅读次数:
278
jQuery实现复选框全选/全部取消/反选/获得选择的值...
分类:
Web程序 时间:
2014-05-22 12:52:59
阅读次数:
449
当我们使用Destructive Method对wrapper set进行选择、过滤之后会产生一个新的结果集。例如:
html
$lt;div$gt;
$lt;p$gt;Paragraph$lt;/p$gt;
$lt;p$gt;Paragraph$lt;/p$gt;
$lt;/div$gt;
对于上面的DOM Tree,当然可以使用
$('div').find('p')
来获取所...
分类:
Web程序 时间:
2014-05-22 10:41:21
阅读次数:
430
我们在对结果集使用find、filter等方法时,会改变结果集。
这种改变原先结果集的方法被称作destructive jQuery method
jQuery cookbook有如下定义:A destructive operation is any operation that changes the set of matched jQuery elements, which means a...
分类:
Web程序 时间:
2014-05-22 09:40:42
阅读次数:
382
删除
删除操作非常简单,直接在结果集后链式调用remove()方法即可。
例如,要删除以下html脚本中所有的a元素,直接通过
$('a'.remove();
就可以做到了。
Anchors
Anchor Element
Anchor Element
Anchor Element
当然也可以通过向remove传参的形式来过滤选择结果,然后再执行remove操作。
$(...
分类:
Web程序 时间:
2014-05-22 07:59:07
阅读次数:
298
如果我们已经通过jQuery方法选中了一组元素,那么如何基于这些已经选中的元素进行下一步的遍历呢?
例如,我们通过
$('li:eq(1)')
选中了以下代码中的第二个li元素。
link
selected link
link
link
基于这个选中的元素,我们可以进一步遍历其他元素
下一个元素
$('li:eq(1)').next()
前一个元素
$('li...
分类:
Web程序 时间:
2014-05-22 07:40:24
阅读次数:
340
在mac os x的终端中以命令行的形式查看本机cpu信息:sysctl -n
machdep.cpu.brand_stringE.G.lis-mbp:Home jenkins$ sysctl -n
machdep.cpu.brand_stringIntel(R) Core(TM) i7-4750H...
分类:
其他好文 时间:
2014-05-20 07:59:08
阅读次数:
566