Welcome

首页 / 脚本样式 / JavaScript

jquery的父、子、兄弟节点查找,节点的子节点循环方法

2017-02-06 25
jQuery.parent（expr） //找父元素jQuery.parents（expr） //找到所有祖先元素，不限于父元素jQuery.children（expr） //查找所有子元素，只会找到直接的孩子节点，不会返回所有子孙jQuery.contents（） //查找下面的所有内容，包括节点和文本。jQuery.prev（） //查找上一个兄弟节点，不是所有的兄弟节点jQuery.prevAll（） //查找所有之前的兄弟节点jQuery.next...

Bootstrap基本样式学习笔记之表格（2）

2017-02-06 21
Bootstrap实现了大量基本样式，包括表格、表单、按钮、图片等。基本的使用方法是通过添加特定的class来实现。 Bootstrap 提供了一个清晰的创建表格的布局。0x01 表格样式（1）基本样式：不带边框和分割线：<！DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <meta name="viewport" conten...

jquery插入兄弟节点的操作方法

2017-02-06 41
功能：插入指定元素到父元素的第一个位置（最左边）实例$self.prepend（$selectLi）;解释 self是selectLi的父元素,把self放在selectLi的最前面（最左边）,移动的是selectLi,append功能：插入指定元素到父元素的最后面（最右边）after实例$firstLi.after（$selectLi）;解释 把selectLi放在firstLi的后面（右边）,移动的是selectLi注意：selectLi和firstL...

jquery 删除节点 添加节点 找兄弟节点的简单实现

2017-02-06 22
$（）.empty（）; //该方法会删除当前节点下的所有子节点，请注意当前节点不会 被删除$（）.remove（）; //该方法会删除当前节点下的所有子节点，请注意 当前节点会 被删除$（）.append（"<a>something</a>"） //该方法在当前节点的末尾 添加 这个a标签$（）.after（"<span style="font-family: Arial, Helvetica, sans-serif;"&g...

探究JavaScript中的五种事件处理程序方式

2017-02-06 34
我们知道JavaScript与HTML之间的交互是通过事件实现的。事件最早是在IE3和Netscape Navigator 2中出现的，当时是作为分担服务器运算负载的一种手段。 通俗地理解，事件就是用户或浏览器自身执行的某种操作。而事件处理程序即为响应某个事件的函数。抽出主干，即事件处理程序为函数。 我们又把事件处理程序称为事件侦听器。 事件处理程序是以"on"开头的，因此对于事件on的时间处理程序即为onclick。时间处理程序在JavaScript中...

纯JS焦点图特效实例（可一个页面多用）

2017-02-06 20
实例如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" co...

JavaScript中捕获/阻止捕获、冒泡/阻止冒泡方法

2017-02-06 29
事件流描述的是从页面中接收事件的顺序。提出事件流概念的正是IE和Netscape，但是前者提出的是我们常用的事件冒泡流，而后者提出的是事件捕获流。第一部分：事件冒泡即事件开始由最具体的元素接收，然后逐级向上传播到较为不具体的节点（文档）。下面举一个简单的例子：<！DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>bubb...

浅析js的模块化编写 require.js

2017-02-06 20
requirejs是一个JavaScript文件和模块加载器。requireJS允许你把你的javascript代码独立成文件和模块，同时管理每个模块间的依赖关系。RequireJS的目标是鼓励代码的模块化，它使用了不同于传统"script"标签的脚本加载步骤。使用RequireJS加载模块化脚本将提高代码的加载速度和质量。一、为什么要用require.js？最早的时候，所有Javascript代码都写在一个文件里面，只要加载这一个文件就够了。后来，代码越...

jquery <li>标签 隔若干行加空白或者加虚线的方法

2017-02-06 17
实例如下：$（function （） {$（"ul li"）.addClass（function （i） { return i % 6 == 5 ? "ab" : ""; }）;// 隔6行 加空白。或者加虚线$（".imglist li"）.after（function （i） {var css = "";if （i % 3 == 2） {css = "<div class="dashed clear" ></div>";...

概述如何实现一个简单的浏览器端js模块加载器

2017-02-06 24
在es6之前，js不像其他语言自带成熟的模块化功能，页面只能靠插入一个个script标签来引入自己的或第三方的脚本，并且容易带来命名冲突的问题。js社区做了很多努力，在当时的运行环境中，实现"模块"的效果。通用的js模块化标准有CommonJS与AMD，前者运用于node环境，后者在浏览器环境中由Require.js等实现。此外还有国内的开源项目Sea.js，遵循CMD规范。（目前随着es6的普及已经停止维护，不论是AMD还是CMD，都将是一段历史了）浏览...

jQuery删除当前节点元素

2017-02-06 22
下面一段代码给大家介绍了jquery删除节点元素的方法，具体代码如下所示；//state用来判断获取内容的状态,单击一次获取文本内容,第二次单击删除内容var state = 0;function getfilecontent（btn）{//这边用来判断是否已经获取到文本内容,获取到则删除if（state == 1）{var td = $（btn）.parent（）.parent（）.next（）.children（）;td.remove（）;state ...

Bootstrap基本样式学习笔记之表单（3）

2017-02-06 24
Bootstrap 通过一些简单的 HTML 标签和扩展的类即可创建出不同样式的表单。0x01 样式1一个登录界面：<！DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link ...

jQuery中get方法用法分析

2017-02-06 24
本文实例讲述了jQuery中get方法用法。分享给大家供大家参考，具体如下：参数：url,[data],[callback],[type]url待载入页面的URL地址。data待发送 Key/value 参数。callback载入成功时回调函数。type返回内容格式，xml, html, script, json, text, _default。案例1表单代码:<form id="form1" action="#"><p>评论:&l...

Bootstrap基本样式学习笔记之按钮（4）

2017-02-06 20
Bootstrap中任何带有 class .btn 的元素都会继承圆角灰色按钮的默认外观，再结合一些选项，可以定义各种按钮样式。0x01 按钮样式<！DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1...

Bootstrap基本样式学习笔记之标签（5）

2017-02-06 19
直接看Bootstrap标签例子：<！DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="../../css/bootstrap.min.css" rel="s...

详解JavaScript的内置对象

2017-02-06 18
什么是对象JavaScript 中的所有事物都是对象，如:字符串、数值、数组、函数等，每个对象带有属性和方法。对象的属性：反映该对象某些特定的性质的，如：字符串的长度、图像的长宽等；对象的方法：能够在对象上执行的动作。例如，表单的“提交”（Submit），时间的“获取”（getYear）等；JavaScript 提供多个内建对象，比如 String、Date、Array 等等，使用对象前先定义，如下使用数组对象：var objectName =new Ar...

JavaScript学习笔记--常用的互动方法

2017-02-06 34
输出内容（document.write）document.write（） 可用于直接向 HTML 输出流写内容。简单的说就是直接在网页中输出内容。第一种:输出内容用“”括起，直接输出""号内的内容。<script type="text/javascript"> document.write（"I love JavaScript！"）; //内容用""括起来，""里的内容直接输出。</script>第二种:通过变量，输出内容<s...

Bootstrap基本样式学习笔记之图片（6）

2017-02-06 20
直接看Bootstrap图片基本样式例子：<！DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="../../css/bootstrap.min.css" re...

Bootstrap基本组件学习笔记之列表组（11）

2017-02-06 21
列表组件用于以列表形式呈现复杂的和自定义的内容。创建一个列表组，只需要完成以下两步：（1）向元素 <ul> 添加 class .list-group；（2）向 <li> 添加 class .list-group-item。看下面的例子：<！DOCTYPE html><html lang="zh-cn"><head> <meta charset="UTF-8"> <meta nam...

简单理解js的prototype属性及使用

2017-02-06 17
在进入正文之前，我得先说说我认识js的prototype这个东西的曲折过程。百度js的prototype的文章，先看看，W3School关于prototype的介绍：你觉得这概念适合定义js的prototype这个东西吗？你是否也认为prototype是一个object对象的属性呢？是的话，请认真认真看我这篇文章，因为这篇文章会毁灭你的人生三观，呵呵，就是有这么严重，因为本人就是被这个定义给害惨的。不得不说，看了网上的一些介绍prototype的文章，基本...
<< 51 52 53 54 55 56 57 58 59 60 >>
版权所有©石家庄振强科技有限公司2024 冀ICP备08103738号-5 网站地图