jQuery
关注
分享
扫一扫
文章平均质量分 53
苦的人生遇见甜
吃得苦中苦，方为人上人。
展开
-
jQuery教程03-jQuery 元素、id、.class和*全选择器
jQuery 基础选择器jQuery 选择器允许您对 HTML 元素组或单个元素进行操作。 jQuery 选择器基于元素的 id、类、类型、属性、属性值等”查找”（或选择）HTML 元素。 它基于已经存在的 CSS 选择器，除此之外，它还有一些自定义的选择器。 jQuery 中所有选择器都以美元符号开头：$()。1.元素选择器jQuery 元素选择器基于元素名选取元素。 在页原创 2018-01-09 10:26:25 · 380 阅读 · 0 评论 -
JavaScript实现复选框的全选/全不选和批量选择
实现数据的批量选择以及全选/全部选功能的效果如下所示： 代码如下：<a class="btn btn-default" id="search_like" style="margin-right: 5px;">搜索</a><a class="btn btn-success" id="search_export" href=&q原创 2018-05-03 17:20:35 · 1459 阅读 · 0 评论 -
关于IE浏览器不支持jQuery-ajax传值的问题
在jQuery中ajax的格式如下所示：&lt;!DOCTYPE HTML&gt;&lt;html&gt;&lt;head&gt; &lt;script src="http://libs.baidu.com/jquery/2.1.4/jquery.min.js"&gt;&lt;/script&g原创 2018-06-04 08:38:22 · 3049 阅读 · 0 评论 -
关于ajax请求后台获取下拉列表用的数据
一、效果展示有时候需要在页面请求后台获取数据：这里就用到了ajax去后台获取数据： 数据库的数据是这样的：mysql&gt; select * from ocenter_travel_class_info where pid = 0;+-----+-----+----------------+------------+| id | pid | class_name | ...原创 2018-06-13 08:54:01 · 10544 阅读 · 1 评论 -
jSignature网页手写签名
一、效果图 注意：1、CSS样式自己调，这里写的很简陋。 2、单击下载，并不是下载图片，而是保存到后台。二、前端&amp;amp;amp;amp;lt;!DOCTYPE html&amp;amp;amp;amp;gt;&amp;amp;amp;amp;lt;html lang=&amp;amp;amp;quot;zh-CN&amp;amp;amp;quot;&am原创 2018-07-02 17:45:38 · 11214 阅读 · 5 评论 -
判断radio单选按钮是否选中
使用jquery进行判断radio单选是否选中并获取选中的value值。 直接上代码：&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html lang=&quot;en&quot;&amp;gt;&amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;U原创 2018-07-03 12:08:26 · 6415 阅读 · 0 评论 -
js+获取当前域名及跳转、下载操作
一、js获取当前域名1、方法一var domain = document.domain;2、方法二var domain = window.location.host;3、注意问题 由于获取到的当前域名不包括 http://，所以把获取到的域名赋给 a 标签的 href 时，别忘了加上 http://，否则单击链接时导航会出错。二、实例实例1： 注意：记得在对...原创 2018-09-03 10:29:22 · 3705 阅读 · 0 评论 -
多条件组合查询
一、效果图二、前端代码&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt;&lt;meta charset="UTF-8" /&gt;&lt;title&gt;Jquery分类&原创 2018-10-08 15:39:46 · 3077 阅读 · 0 评论 -
密码验证
用户在创建一个账户时，需要设置一个密码。密码的复杂程度是安全的保障之一，但是有些用户在设置密码时，总是把密码设置的过于简单，导致用户账户的安全存在威胁。因此，为了提高用户账户的安全性，添加了一个JavaScript正则表达式验证密码复杂度的验证功能。效果图是仿照腾讯企业邮箱修改密码时的验证方式-修改密码效果图：我把它扣了下来，可能效果不如腾讯企业邮的，但是效果还是实现了。没有添加常见密码的验...原创 2018-11-15 18:06:59 · 3492 阅读 · 0 评论 -
JS/jQuery获取input的值和清空input的value值
一、获取input的值1、通过普通选择器获取 通过类选择器获取：$('.class').val() 通过id选择器获取：$(&quot; #id&quot;).val() 2、通过标签选择器获取 $(&quot; input[ name='name' ] &quot;).val() $(&quot; input[ type='text' ] &quot;).val()原创 2018-11-12 08:53:52 · 40280 阅读 · 0 评论 -
通过jQuery给select元素的option标签添加自定义属性
有时候需要个option标签传递多个值，仅仅依靠value属性是不够的，因此通过给select元素的option添加新的元素，来获取多个值。<select name="city" id="city_id" onchange = "setAct(this)"> <option value="1" code="0531" >济南<原创 2018-05-02 08:49:22 · 15809 阅读 · 0 评论 -
jQuery教程08-属性筛选选择器
jQuery选择器之属性筛选选择器属性选择器让你可以基于属性来定位一个元素。可以只指定该元素的某个属性，这样所有使用该属性而不管它的值，这个元素都将被定位，也可以更加明确并定位在这些属性上使用特定值的元素，这就是属性选择器展示它们的威力的地方。 描述如下： 浏览器支持：[att=val]、[att]、[att|=val]、[att~=val] 属于CSS 2.1规范[ns|a...原创 2018-03-29 15:45:58 · 217 阅读 · 0 评论 -
jQuery教程04-jQuery_this选择器
jQuery选择器之特殊选择器this相信很多刚接触jQuery的人，很多都会对$(this)和this的区别模糊不清，那么这两者有什么区别呢？1、JS中的thisthis是JavaScript中的关键字，指的是当前的上下文对象，简单的说就是方法/属性的所有者下面例子中，data是一个对象，拥有name属性与getName方法,在getName中this指向了所属的对象data...原创 2018-01-15 14:24:46 · 423 阅读 · 0 评论 -
jQuery 教程01——jQuery安装
1、简介jQuery是一个轻量级的”写的少，做的多”的JavaScript库。 jQuery 极大地简化了 JavaScript 编程。 jQuery 很容易学习。 jQuery库包含以下功能：HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 HTML DOM 遍历和修改AJAXUtilities提示：原创 2018-01-08 17:20:25 · 4812 阅读 · 0 评论 -
jQuery 教程02-jQuery 语法
通过 jQuery，您可以选取（查询，query） HTML 元素，并对它们执行”操作”（actions）。j原创 2018-01-08 17:34:46 · 421 阅读 · 0 评论 -
jQuery教程05-层级选择器
jQuery选择器之层级选择器文档中的所有的节点之间都是有这样或者那样的关系。我们可以把节点之间的关系可以用传统的家族关系来描述，可以把文档树当作一个家谱，那么节点与节点直接就会存在父子，兄弟，祖孙的关系了。选择器中的层级选择器就是用来处理这种关系子元素 后代元素 兄弟元素 相邻元素通过一个列表，对比层级选择器的区别： 仔细观察层级选择器之间还是有很多相似与不同点层级选原创 2018-02-02 08:28:57 · 206 阅读 · 0 评论 -
jQuery教程06-基本筛选选择器
jQuery选择器之基本筛选选择器很多时候我们不能直接通过基本选择器与层级选择器找到我们想要的元素，为此jQuery提供了一系列的筛选选择器用来更快捷的找到所需的DOM元素。筛选选择器很多都不是CSS的规范，而是jQuery自己为了开发者的便利延展出来的选择器。1、筛选选择器筛选选择器的用法与CSS中的伪元素相似，选择器用冒号“：”开头，通过一个列表，看看基本筛选器的描述：原创 2018-02-02 08:30:10 · 213 阅读 · 0 评论 -
jQuery教程07-内容筛选选择器
jQuery选择器之内容筛选选择器基本筛选选择器针对的都是元素DOM节点，如果我们要通过内容来过滤，jQuery也提供了一组内容筛选选择器，当然其规则也会体现在它所包含的子元素或者文本内容上内容过滤器描述如下表： 注意事项： :contains与:has都有查找的意思，但是contains查找包含“指定文本”的元素，has查找包含“指定元素”的元素 如果:contains匹配的文原创 2018-02-02 08:30:46 · 177 阅读 · 0 评论 -
jQuery实现checkbox的全选反选方法
checkbox的全选、取消全选、选中所有奇数、选中所有偶数等方法的实现代码如下： 注意jQuery的版本：jQuery1.6增加了prop，1.6之前的还是使用attr()和removeAttr()原创 2018-01-30 08:51:14 · 509 阅读 · 0 评论 -
jQuery教程10-表单元素选择器
无论是提交还是传递数据，表单元素在动态交互页面的作用是非常重要的。jQuery中专门加入了表单选择器，从而能够极其方便地获取到某个类型的表单元素。表单选择器的具体方法描述： 注意：除了input筛选选择器，几乎每个表单类别筛选器都对应一个input元素的type值。大部分表单类别筛选器可以使用属性筛选器替换。比如: $(':password') == $('[type...原创 2018-04-08 08:35:03 · 261 阅读 · 0 评论 -
jQuery教程09-子元素筛选选择器
jQuery选择器之子元素筛选选择器子元素筛选选择器不常使用，其筛选规则比起其它的选择器稍微要复杂点子元素筛选选择器描述表： 注意：:first只匹配一个单独的元素，但是:first-child选择器可以匹配多个：即为每个父级元素匹配第一个子元素。这相当于:nth-child(1):last 只匹配一个单独的元素， :last-child 选择器可以匹配多个元素：即，为每个父...原创 2018-04-02 08:33:58 · 211 阅读 · 0 评论 -
JS/jQuery添加和移除CSS样式
有时候需要添加CSS样式和移除CSS样式，如添加display属性，设为隐藏。有时候需要移除display属性。一、jQuery移除CSS样式的两种方法注意：当其中一种不支持时，就尝试另一种：$(&quot;#show&quot;).removeAttr(&quot;style&quot;); $(&quot;#show&quot;).attr(&quot;原创 2018-12-17 14:58:03 · 88557 阅读 · 0 评论