Jquery教程 - 飞鸟慕鱼博客

jquery绑定与解绑元素事件

jquery中有绑定事件与解绑事件两大方式，下面就来简单的介绍一下jquery中几种常用的绑定事件的方式，与几种jq绑事件的方式。jquery几种常用的绑定事件的方法1、直接引用方法绑定例：<script>//直接使用 click() 方法$(".box").click(function () {conso

js将 textarea 标签的内容通过换行或者回车转换成数组的方法

在web的前端操作中，有时候需要将 html 的 textarea 标签元素中的内容以每行的形式转成一个数组并发向后台，那么该如何做呢？下面这篇博文就来说一说，通过利用 js 将 textarea 标签元素中的内容以换行或回车进行分割并转成数组的方法。js将 textarea 标签内容转成数组的方法textarea 中的内容转成数组一般都

js 去掉字符串头尾空格的几种方法

在使用 js 处理字符串时，难免会在字符串的头部或未尾留有一些空格，如果这些头部或尾部的空格没有实际的用处的话，我们就要想方设法的把他们去掉，以免他影响到正常的字符串。关于 JS 去掉字符串头部和尾部的空格有很多种方法，下面飞鸟慕鱼就来简单的说几种。javascript trim() 方法去掉头尾的空格trim()：去掉字符串的头尾的空格

jq serializeArray() 方法的介绍与使用

在前台的表单提交中，如果涉及到了批量操作，那么使用 jq 的 serializeArray() 方法，将 form 表单的值通过序列化转换成为一个对象的数组，然后提交给后台，那么在后台就能够很轻松的对数据进行处理。jq serializeArray() 方法的介绍serializeArray()：通过序列化表单值来创建对象（name 和

js 判断DIV是否隐藏的方法

js脚本在控制div元素在显示与隐藏之间进行切换时，如果不能确定div当前的状态，切换时往往会发生一些逻辑错误的事情，导致div元素的动态效果在切换时不是很流畅。那么飞鸟慕鱼博客就来说一说，如何判断div当前是否处于隐藏的状态方法。html代码<div id="mochu" style="display

js 判断某个元素在页面上是否存在的方法

前端的JS脚本的运行，大多离不开DIV元素，比如在网页的某个区域显示一些内容或改变一些DIV元素的背景颜色等等，但如果在操作DIV时，不确定指定的DIV元素是否存在怎么办？那么飞鸟慕鱼博客的小编就给大家说一说，在js中如何判断一个div元素是否存在。jquery 判断DIV元素是否存在示例代码：<script>if($(

js判断 jquery.js 是否已加载的代码

有些使用 jquery.js 插件的的网站，为节约服务器资源喜欢引用一些静态CDN上的 jquery.js 资源链接，但如果静态CDN资源出现无法链接的问题，就会导致网站的崩溃。为解决这一问题，今天我们就说一说，如何在静态CDN资源上的 jquery.js 链接失效时，引用本地的jquery.js链接。检测jQuery.js是否已加载的判

input file选择文件后自动上传的代码

html 中 file 类型的 input 输入框，可以将本地的文件上传到网站的服务器，但它的上传需要 form 表单提交触发的。而今天我们要说一说，file 类型的输入框在选择本地文件后，自动上传的方法。input file选择文件后自动上传可以使用js代码中的FormData对象，利用 change 触发上传，FormData对象：此

jquery操作class属性的方法

使用 jquery 可以很方便的添加或删除 html 元素的class属性的值，以实现各种炫彩的动态效果。这篇文章就来说一说，几种使用 jq 来操作 html 元素class属性的方法。jq addClass() 方法jq 的 addClass() 方法，可以向一个指定的 html 元素的 class 属性中添加一个属性值示例：<!

js判断复选框是否选中的方法

在web前端中做一些类似用户资料提交的功能时，有时需要用到html的复选框，来让用户自定义选择一些默认设置好的项目，今天就来说一说，如何利用 javascript 和 jquery 来判断html复选框是否被选中。javascript 判断复选框是否被选中的方法示例1：<input type=&

js获取div元素高度和宽度的方法

前端web页面中，js可以很方便的获取div元素的高度和宽度，那么这篇文章就说一说原生JS与JQ如何快速的获取DIV元素的高度和宽度的方法。js获取div元素高度与宽度的方法js获取div元素的高度与宽度要用的 clientHeight 与 clientWidth方法clientHeight：返回元素的可视高度clientWidth：返回

html select 元素下拉菜单选中事件

今天在写一个关于 html 中 select 下拉元素选择的动态事件时，发现如果使用 javascript 中的 click 事件的话，会被执行两次。网上查了一下资料，发现 select 元素下拉选中事件并不适合使用 click 来触发，而要使用 change 事件。select元素下拉的click事件html代码<select n

JS获取和设置元素的属性以及属性值

在div元素中自定义一些属性可以很方便传递一些数据，那么这篇文章就说一说，利用 js 来获取DIV元素的属性值，以及如何动态的设置div的属性以及属性值。js 获取DIV的属性值原生 javascript 可以通过 HTML DOM 的 getAttribute() 方法获取DIV元素属性的值，代码：<div id="mo

JavaScript复制文章内容自动加网站版权的方法

现在国内的版权意识越来越强，特别是一些做原创博客的站长们。自己辛辛苦苦写出来的东西，被别人鼠标点几下，就复制走了。有些自觉的复制者们都会带上文章的网站链接，但是大多数的复制者们，都把文章当成自己的了，连个链接也不给。今天教大家一个，别人复制网站的内容，并自动追加来源地址的方法。js自动追加网站来源地址的代码javascript 代码<

Jquery中几种查找节点的方法

Jquery中有多种可以查找节点的方法，今天这篇文章就说几种简单点的，也在日常中经常用到的。jQuery parent() 方法parent()：查找并返回被选元素的父元素语法：$(selector).parent(filter);例：JQ查找元素的父元素示例代码：<!DOCTYPE html><html><

jQuery 中几种常用的追加元素的方法

jquery 中有很多种追加元素的方法，今天就介绍几种最常用的，做个笔记，记录一下。jQuery append() 方法append()：方法可以在被选元素的内部的结尾处插入内容语法：$(selector).append(content)例：jq在元素内部的结尾处追加元素代码：<!DOCTYPE html><html&g

JQuery对象与dom对象两者之间的相互转换

jQuery 是一个 JavaScript 库，极大地简化了 JavaScript 编程。但是在 JQuery 中，有些 javascript 方法却不能直接使用。如何解决这个问题呢？接下来就讲述一下 jquery 对象和 javascript 里的dom对象之间互相转换的方法，使 jquery 对象可以直接使用js里的方法，或 java

jquery判断元素是否存在

在一些页面中如果存在针对某个html元素的js动态操作逻辑，如果元素不存在的话，执行JS时会出现意想不到的后果，而解决这个问题的方法，就是在执行某一段JS时，先判断要用到的html元素是否存在，如果存在就执行操作，如果不存在就直接不执行逻辑。那么这篇文章就说一说在JS插件JQuery中是如何判断元素是否存在的。JQuery判断HTML元素

JQuery获取与设置元素CSS属性

js插件jquery可以很方便的对HTML的元素进行操作，比如一些元素的显示与隐藏，一些元素的动态效果等，今天就说一说通过jquery获取DIV元素的CSS属性，以及设置DIV元素的CSS属性的方法。jquery获取DIV元素的CSS属性值jq获取DIV元素的属性值，可以使用css()方法例：利用jquery获取DIV元素的宽<!D

js设置按钮禁用，js原生加JQ两种方法

网页设计时，如果遇到数据提交或一些其它功能的触发，为了防止用户重复点击。我们就需要让用户在点击某个按钮后，让按钮处于禁用不可点击的存在。今天这篇文章就说说，在利用js和JQ两种方法，使按钮被点击一次后处于禁用状态。原生JS禁用按钮代码HTML代码<input type="button" value="点