Jaune617-CSDN博客

原创纯css绘制三角形

绘制三角形原理HTML代码<div></div>CSS代码div { width: 0; height: 0; margin: 0 auto; border-top: 50px solid red; border-right: 50px solid yellow; border-bottom: 50px solid blue; border-l

2016-11-25 14:54:18 419

转载 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 321

转载 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 438

转载 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 500

转载 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 555

转载 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 543

转载 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 480

转载 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 441

转载 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 303

转载 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 421

1、盒子模型简述盒子模型是CSS布局中最基本组成部分，在页面上每个元素都以一个矩形的表现形式存在，每个矩形由元素的内容(content)、内补丁(padding)、边框(border)和外补丁(margin)组成。一个元素的盒子模型有多大，那么该元素在页面中所占的空间也将有多大。盒子模型有两种，分别是W3C标准盒子模型和IE盒子模型。标准盒子模型盒子模型的宽度=margin-left的值+borde

2016-11-11 15:10:26 652

转载 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 364

转载 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 509

转载 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 378

Jaune617的博客