JQuery
平安1113
与你同行。
展开
-
jQuery:validation(为规则自定义错误提示信息)、自定义校验规则(简单了解)
自定义错误提示信息message可以为已经订好的规则自定义错误提示信息:<script type="text/javascript"> $(function () { //为指定表单加入校验 $("#表单ID").validate({ rules:{ name1:{ ...原创 2020-03-11 21:35:01 · 1555 阅读 · 0 评论 -
JQuery:表单验证插件——validation(表单校验示例)
validation插件1、导包先引入jquery.js(validate基于jquery的插件)引入表单校验插件(jquery.validate.js) dist目录下引入dist/localization目录下的messages_zh.js (中文简体)2、为指定表单加入校验validate需要手动声明对哪个表单进行校验也就是说需要手动调用 validate() 方法。3...原创 2020-03-11 19:12:43 · 259 阅读 · 0 评论 -
JQuery:列表左右选择(左右添加)
需求说明:代码示例:层级选择器基本过滤器追加元素 <script type="text/javascript" src="../js/jquery-3.3.1.js" ></script> <script> //将左边被选中option的追加到右边末尾 function run1(){ //1.获取到左...原创 2020-03-11 17:24:38 · 572 阅读 · 0 评论 -
JQuery:获取/设置元素内容体、追加元素内容体
JQ获取/设置元素内容体1.获取/设置元素内容体(HTML)属性名属性说明JQ对象.html()获得内容体HTML代码JQ对象.html("HTML代码)"设置内容体HTML代码JQ对象.text()获得内容体的纯文本JQ对象.text(“纯文本字符串”)设置内容体为纯文本代码示例 <script type="text/javasc...原创 2020-03-11 01:04:13 · 220 阅读 · 0 评论 -
JQuery:JQ数组的遍历、JQ中的事件
JQuery数组方式一:JQ数组.each(function(index){ //index:索引 //this:遍历的JS对象 //每次遍历都执行方法体});代码示例:<script type="text/javascript" src="../js/jquery-3.3.1.js" ></script><script> //定义js...原创 2020-03-11 00:13:28 · 343 阅读 · 0 评论 -
JQuery:操作class属性(隔行换色示例)、获取和设置元素指定属性值(全选/全不选、反选扩展示例)
JQuery操作class属性函数函数说明addClass(“值”)给JQ元素对象添加一个class值removeClass()移除class值隔行换色代码示例 <style> .blue{ background-color: lightblue; } </style> <script type="...原创 2020-03-10 01:25:13 · 463 阅读 · 0 评论 -
JQuery:复杂选择器(层级选择器、属性选择器、基本过滤器、表单属性选择器)
JQuery的复杂选择器1.1 层级选择器A B 获得A元素内部的所有B元素。子子孙孙A>B 获得A元素下面的所有B子元素。 儿子A+B 获得A元素同级下一个B元素。 二弟A~B 获得A元素同级之后的所有B元素。 所有弟弟代码示例:<script type="text/javascript" src="../js/jquery-3.3.1.js" ></s...原创 2020-03-09 22:57:29 · 778 阅读 · 0 评论 -
JQuery:基础动画效果
JQuery基础动画效果放大缩小效果属性名属性说明show(speed,fn)显示元素hide(speed,fn)隐藏元素toggle(speed,fn)1.使显示元素隐藏2.使隐藏元素显示参数1:动画效果持续时间。单位:毫秒参数2:动画效果完成后执行的函数,可不写代码示例:<script type="text/javascrip...原创 2020-03-09 18:58:17 · 143 阅读 · 0 评论 -
JQuery:简述、选择器、JQ对象和JS对象的互转、页面加载完成
JQuery简述是一个JavaScript框架,对JavaScript进行了封装。它封装了JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。以后简称JQJQ的引入JQ位于一个JavaScript文件中,包含了所有的JQ函数。通过src把JQ添加到网页中代码示例<script type="tex...原创 2020-03-09 18:37:14 · 183 阅读 · 0 评论