07 2020 档案
摘要：1，获取元素属性 $().attr("属性名") <script type="text/javascript"> $(function () { $("#btn_src").click(function () { alert($("img").attr("src")); }); $("#btn_al
阅读全文
摘要：（1）CSS属性操作； $().css("属性") var str = $("p").css("color"); 设置CSS属性值 设置一个属性值 $().css("属性","属性值") $("ul li:nth-child(odd)").css("color","red"); 设置多个CSS属性
阅读全文
摘要：jQuery操作select用法总结 1.获取选中的 select 的value var grade = $('#grade option:selected').val(); 2.获取选中的 select 的文本 var gradeName = $('#grade option:selected')
阅读全文
摘要：三个最基本的过滤方法是：first(), last() 和 eq()，它们允许您基于其在一组元素中的位置来选择一个特定的元素。 其他过滤方法，比如 filter() 和 not() 允许您选取匹配或不匹配某项指定标准的元素。 1，jQuery first() 方法 first() 方法返回被选元素的
阅读全文
摘要：jQuery DOM树中遍历元素的同胞元素 1，jQuery siblings() 方法 siblings() 方法返回被选元素的所有同胞元素。 下面的例子返回 <h2> 的所有同胞元素： 实例$(document).ready(function(){ $("h2").siblings();});
阅读全文
摘要：jquery 向下遍历DOM用法方法 1，jQuery children() 方法 children() 方法返回被选元素的所有直接子元素。 该方法只会向下一级对 DOM 树进行遍历。 下面的例子返回每个 <div> 元素的所有直接子元素： 实例$(document).ready(function(
阅读全文
摘要：1，jQuery parent() 方法 jQuery parent() 方法parent() 方法返回被选元素的直接父元素。 该方法只会向上一级对 DOM 树进行遍历。 下面的例子返回每个 <span> 元素的的直接父元素： $(document).ready(function(){ $("spa
阅读全文
摘要：jquery 获得内容 - text()、html() 以及 val() 1,text() text() - 设置或返回所选元素的文本内容 2,html() html() 设置或返回所选元素的内容（包括 HTML 标记） 3,val() val() - 设置或返回表单字段的值 4,获取属性 - at
阅读全文
摘要：jQuery 操作CSS用法 1，jQuery addClass() 方法 下面的例子展示如何向不同的元素添加 class 属性。当然，在添加类时，您也可以选取多个元素： 实例$("button").click(function(){ $("h1,h2,p").addClass("blue"); $
阅读全文
摘要：jQuery 添加元素append() prepend() after() before() 1,jQuery append() 方法 jQuery append() 方法在被选元素的结尾插入内容。 实例$("p").append("Some appended text."); 2,jQuery p
阅读全文
摘要：jQuery 删除元素remove()和empty() 用法 1，jQuery remove() 方法 jQuery remove() 方法删除被选元素及其子元素。 实例$("#div1").remove(); 2，jQuery empty() 方法 过滤被删除的元素jQuery remove()
阅读全文
摘要：通过 jQuery，很容易处理元素和浏览器窗口的尺寸。 1，jQuery width() 和 height() 方法 width() 方法设置或返回元素的宽度（不包括内边距、边框或外边距）。 height() 方法设置或返回元素的高度（不包括内边距、边框或外边距）。 下面的例子返回指定的 <div>
阅读全文
摘要：jQuery noConflict() 方法用法 noConflict() 方法会释放会 $ 标识符的控制，这样其他脚本就可以使用它了。 实例当然，您仍然可以通过全名替代简写的方式来使用 jQuery： $.noConflict();jQuery(document).ready(function()
阅读全文
摘要：jQuery load() 方法jQuery load() 方法是简单但强大的 AJAX 方法。 load() 方法从服务器加载数据，并把返回的数据放入被选元素中。 可选的 callback 参数规定当 load() 方法完成后所要允许的回调函数。回调函数可以设置不同的参数： responseTxt
阅读全文
摘要：jQuery get() 和 post() 方法区别 1，jQuery $.get() 方法 $.get() 方法通过 HTTP GET 请求从服务器上请求数据。 语法：$.get(URL,callback);必需的 URL 参数规定您希望请求的 URL。 可选的 callback 参数是请求成功后
阅读全文
摘要：打印属性打印 HTML 文档总是会出现问题。在 CSS2 中，我们可以借助打印属性让打印 web 内容更容易一些。 1，orphans 设置元素放在页面底部时所允许的最少文本行数。 2，marks 设置是否在内容区之外但是在画布的可打印区域内放“十字标志”。 请注意，CSS2.1 已删除该属性。 3
阅读全文
摘要：可以用以下方法来规定 CSS 中的颜色 十六进制，RGB 颜色，RGBA 颜色，HSL 颜色，HSLA 颜色，预定义/跨浏览器颜色名 1，十六进制颜色 所有浏览器都支持十六进制颜色值。 十六进制颜色是这样规定的：#RRGGBB，其中的 RR（红色）、GG（绿色）、BB（蓝色）十六进制整数规定了颜色的
阅读全文
摘要：弹性盒子是 CSS3 的一种新的布局模式。 CSS3 弹性盒（ Flexible Box 或 flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。 引入弹性盒布局模型的目的是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配空白空间。 C
阅读全文
摘要：CSS3 包含多个新的文本特性。 text-shadowword-wrap 1，CSS3 文本阴影 您能够规定水平阴影、垂直阴影、模糊距离，以及阴影的颜色 向标题添加阴影： h1 { text-shadow: 5px 5px 5px #FF0000; } 2，CSS3 自动换行 word-wrap
阅读全文
摘要：CSS3 转换CSS3 转换可以对元素进行移动、缩放、转动、拉长或拉伸。 1，translate() 方法 translate()方法，根据左(X轴)和顶部(Y轴)位置给定的参数，从当前元素位置移动。 div{transform: translate(50px,100px);-ms-transfor
阅读全文
摘要：CSS3 允许您使用 3D 转换来对元素进行格式化。 rotateX() rotateY() 1，rotateX() 方法 rotateX()方法，围绕其在一个给定度数X轴旋转的元素。 OperaSafariChromeFirefoxInternet Explorer实例div{ transform
阅读全文
摘要：使用 CSS3 border-radius 属性，你可以给任何元素制作 "圆角"。 1，CSS3 border-radius 属性使用 CSS3 border-radius 属性，你可以给任何元素制作 "圆角"。 #rcorners1 { border-radius: 25px; backgroun
阅读全文
摘要：边框属性 1，border-radius 圆角 在div中添加圆角元素： div{border:2px solid;border-radius:25px;} 2，CSS3 盒阴影 CSS3 中的 box-shadow 属性被用来添加阴影: 实例在div中添加box-shadow属性 div{box-
阅读全文
摘要：web worker 是运行在后台的 JavaScript，不会影响页面的性能。 1，创建 web worker 文件 现在，让我们在一个外部 JavaScript 中创建我们的 web worker。 在这里，我们创建了计数脚本。该脚本存储于 "demo_workers.js" 文件中： var
阅读全文
摘要：表格列出了所有的 HTML5/HTML 4.01/XHTML 元素，以及它们会出现在什么文档类型 (DTD) 中 标签 HTML5 HTML 4.01 / XHTML 1.0 XHTML 1.1Transitional Strict Frameset<a> Yes Yes Yes Yes Yes<a
阅读全文
摘要：1,什么是SVG？SVG 指可伸缩矢量图形 (Scalable Vector Graphics)SVG 用于定义用于网络的基于矢量的图形SVG 使用 XML 格式定义图形SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失SVG 是万维网联盟的标准 2,SVG 的优势 与其他图像格式相比（比如
阅读全文
摘要：1,HTML视频（Videos）播放 <video width="320" height="240" controls> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg"> <sour
阅读全文
摘要：拖放（Drag 和 drop）是 HTML5 标准的组成部分。 设置元素为可拖放 1，拖动什么 - ondragstart 和 setData() 然后，规定当元素被拖动时，会发生什么。 在上面的例子中，ondragstart 属性调用了一个函数，drag(event)，它规定了被拖动的数据。 da
阅读全文
摘要：HTML5 Geolocation API 用于获得用户的地理位置。 鉴于该特性可能侵犯用户的隐私，除非用户同意，否则用户位置信息是不可用的。 1,HTML5 - 使用地理定位 请使用 getCurrentPosition() 方法来获得用户的位置。 检测是否支持地理定位如果支持，则运行 getCu
阅读全文
摘要：HTML 属性赋予元素意义和语境 1，contenteditable 规定元素内容是否可编辑。 2，contextmenu 规定元素的上下文菜单。上下文菜单在用户点击元素时显示。 3，draggable 规定元素是否可拖动。 4，hidden 规定元素仍未或不再相关 5，spellcheck 规定是
阅读全文
摘要：1，<article> 定义文章 2，<aside> 定义页面内容之外的内容 3，<audio> 定义声音内容。 4，<canvas> 定义图形。 5，<embed> 定义外部交互内容或插件 6，<footer> 定义 section 或 page 的页脚。 7，<header> 定义 sectio
阅读全文
摘要：1，新的 form 属性： autocompletenovalidate 2，新的 input 属性： autocompleteautofocusformform overrides (formaction, formenctype, formmethod, formnovalidate, form
阅读全文
摘要：HTML5 拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证 1，email 邮箱类型 E-mail: <input type="email" name="user_email" /> 2，Input 类型 - url 网址类型 url 类型用于应该包含 URL 地址的输入域 Home
阅读全文
摘要：示例 1 : 淡灰色文本 示例 2 : 强调的文本 示例 3 : 操作成功文本 示例 4 : 提示信息文本 示例 5 : 警告文本 示例 6 : 危险操作文本 1，淡灰色文本 <span class="text-muted">www.shiguangbiaoye.com</span> 2，强调的文本
阅读全文
摘要：示例 1 : 强调的背景 示例 2 : 成功操作文字的背景 示例 3 : 信息提示文字的背景 示例 4 : 警告提示文字的背景 示例 5 : 危险提示文字的背景 1 : 强调的背景 <p class="bg-primary">www.siliconrxr.com</p> 2，成功操作文字的背景 <p
阅读全文
摘要：关于Bootstrap 列表组用法 向元素 <ul> 添加 class .list-group。向 <li> 添加 class .list-group-item。 <ul class="list-group"> <li class="list-group-item">免费域名注册</li> <li
阅读全文
摘要：警告（Alerts）向用户提供了一种定义消息样式的方式。它们为典型的用户操作提供了上下文信息反馈。 您可以通过创建一个 <div>，并向其添加一个 .alert class 和四个上下文 class（即 .alert-success、.alert-info、.alert-warning、.alert
阅读全文
