
jQuery
Jaune617
用学习的心做事,用感恩的心做人!
展开
-
jQuery位置、CSS和尺寸
位置offset([coordinates])获取匹配元素在当前视口的相对偏移。 返回的对象包含两个整型属性:top 和 left,以像素计。此方法只对可见元素有效无参数描述: 获取第二段的偏移HTML代码<p>Hello</p><p>2nd Paragraph</p>jQuery代码var p = $("p:last");var offset = p.offset();p.html( "l转载 2016-11-16 11:15:43 · 354 阅读 · 0 评论 -
jQuery文档处理
内部插入append(content|fn)描述: 向所有段落中追加一些HTML标记HTML代码<p>I would like to say: </p>jQuery代码$("p").append("<b>Hello</b>");结果[ <p>I would like to say: <b>Hello</b></p> ]appendTo(content)描述: 把所有段落追加到div元素中HTML转载 2016-11-14 19:30:15 · 523 阅读 · 0 评论 -
jQuery子元素过滤选择器
:first-child描述: 在每个 ul 中查找第一个 liHTML代码<ul> <li>John</li> <li>Karl</li> <li>Brandon</li></ul><ul> <li>Glen</li> <li>Tane</li> <li>Ralph</li></ul>jQuery代码$("ul li:first-child")结果[ <li>Joh转载 2016-11-14 15:12:35 · 574 阅读 · 0 评论 -
jQuery表单对象属性过滤选择器
:enabled描述: 查找所有可用的input元素HTML代码<form> <input name="email" disabled="disabled" /> <input name="id" /></form>jQuery代码$("input:enabled")结果[ <input name="id" /> ]:disabled描述: 查找所有不可用的input元素HTML代码<转载 2016-11-14 15:29:00 · 583 阅读 · 0 评论 -
jQuery基本筛选器
:first描述: 获取匹配的第一个元素HTML代码<ul> <li>list item 1</li> <li>list item 2</li> <li>list item 3</li> <li>list item 4</li> <li>list item 5</li></ul>jQuery代码$('li:first');结果[ <li>list item转载 2016-11-14 10:35:25 · 506 阅读 · 0 评论 -
jQuery基本选择器
jQuery基本选择器ID选择器(#id)描述:查找ID为 "myDiv" 的元素HTML代码:<div id="notMe"><p>id="notMe"</p></div><div id="myDiv">id="myDiv"</div>jQuery代码:$("#myDiv");结果:[ <div id="myDiv">id="myDiv"</div> ]元素选择器(element)描述:查找一转载 2016-11-10 15:26:45 · 397 阅读 · 0 评论 -
jQuery层级选择器
后代元素选择器(ancestor descendant)描述: 找到表单中所有的input元素HTML代码<form> <label>Name:</label> <input name="name" /> <fieldset> <label>Newsletter:</label> <input name="newsletter" /> </fieldset>转载 2016-11-10 17:36:32 · 531 阅读 · 0 评论 -
jQuery表单选择器
input选择器(:input)描述: 查找所有的input元素,下面这些元素都会被匹配到HTML代码<form> <input type="button" value="Input Button"/> <input type="checkbox" /> <input type="file" /> <input type="hidden" /> <input转载 2016-11-10 18:26:22 · 386 阅读 · 0 评论 -
jQuery属性过滤选择器
[attribute]描述:查找所有含有 id 属性的 div 元素HTML代码<div> <p>Hello!</p></div><div id="test2"></div>jQuery代码$("div[id]")结果[ <div id="test2"></div> ][attribute=value]描述:查找所有 name 属性是 newsletter 的 input 元素HTML代转载 2016-11-11 18:32:57 · 442 阅读 · 0 评论 -
jQuery内容过滤选择器
:contains(text)描述: 查找所有包含 "John" 的 div 元素HTML代码<div>John Resig</div><div>George Martin</div><div>Malcom John Sinclair</div><div>J. Ohn</div>jQuery代码$("div:contains('John')")结果[ <div>John Resig</div转载 2016-11-11 20:03:31 · 320 阅读 · 0 评论 -
jQuery可见性过滤选择器
:hidden描述: 查找隐藏的 trHTML代码<table> <tr style="display:none"><td>Value 1</td></tr> <tr><td>Value 2</td></tr></table>jQuery代码$("tr:hidden")结果[ <tr style="display:none"><td>Value 1</td></tr> ]描述: 匹配ty转载 2016-11-11 20:24:41 · 476 阅读 · 0 评论 -
jQuery属性、CSS类及HTML/文本/值操作
属性attr(name|pro|key,val|fn)参数name 描述: 返回文档中所有图像的src属性值jQuery代码$("img").attr("src");参数properties 描述: 为所有图像设置src和alt属性jQuery代码$("img").attr({ src: "test.jpg", alt: "Test Image" });参数key,value 描述: 为所有图像转载 2016-11-15 14:24:33 · 460 阅读 · 0 评论