JQ
文章平均质量分 77
My_____Dream
这个作者很懒,什么都没留下…
展开
-
jQuery选择器总结
jQuery选择器总结一、基本选择器$("#id值") $(".class值") $("标签名") 了解:$("*")理解:获取多个选择器 用逗号隔开$("#id值,.class值")二、层次选择器a b:a的所有b后代a>b:a的所有b孩子a+b:a的下一个兄弟(大弟弟)a~b:a的所有弟弟三、基本过滤选择器:frist 第一个:last 最后...原创 2018-01-30 18:48:39 · 144 阅读 · 0 评论 -
validate简介及使用方法与默认的校验规则
一、validate简介 validate是JQ的一个插件。其是对一些常用常见的表单校验方法进行了封装。方别使用与开发。同时提供了一个用来编写用户自定义方法的 API。所有的捆绑方法默认使用英语作为错误信息,且已翻译成其他 37 种语言。二、使用方法1、因为validate为JQ的插件,因此使用时,需要先导入JQ.js文件,然后再导入validate.js。2、在页面加...原创 2018-02-03 20:07:08 · 8682 阅读 · 1 评论 -
jQuery定时广告弹出
jQuery定时广告弹出一、步骤分析1、设计页面2、将广告样式设为不显示3、页面加载设置定时器4、通过JQ的方式获取广告5、调用相应的显示隐藏效果方法二、代码练习<script src="js/jquery-1.11.0.min.js"> </script><script>//页面加载$(function(){...原创 2018-01-28 16:38:32 · 1498 阅读 · 0 评论 -
validate实现表单校验
validate实现表单校验一、步骤分析1、设计好表单页面2、导入JQ.js,再导入jq.validate.js3、加载页面后,通过name属性获取表单4、编写rules(注意结尾逗号的使用)5、补充提示信息格式(方式一messages:{name属性值:“提示信息”}。方式二导入国际版中文messages_zh.js)二、代码实现<!DOCTYPE h...原创 2018-02-03 21:56:22 · 2960 阅读 · 0 评论 -
jQuery显示隐藏多效果特效
jQuery显示隐藏多效果特效一、jquery中效果:隐藏或展示show(毫秒数) hide(毫秒数)滑入或滑出slideDown(毫秒数):向下滑入slideUp(毫秒数):向上滑出淡入或淡出fadeIn(int):淡入fadeOut(int):淡出二、步骤分析 1、通过JQ方式获取元素,派发事件 2、通过JQ方式获取特效元素,编写...原创 2018-01-27 19:40:03 · 1546 阅读 · 0 评论 -
jQuery页面加载与派发事件
jQuery页面加载与派发事件一、页面加载 JS中页面加载window.onload=function(){}//在一个页面中只能使用一次。 JQ中页面加载有两种方式.可以使用多次 1、$(function(){....})...原创 2018-01-27 18:55:40 · 933 阅读 · 0 评论 -
jQuery简介与整合方式
jQuery简介与整合方式一、jQuery 在JS中,我们要获取一个元素,常用的方法有document.ElementById("id值");. 而在jQuery中获取一个元素可以通过$("选择器");来实现。 JQ也称为JS类库。即对常用的方法和对象进行封装,方便我们使用。二、整合方式jquery和html的整合jquery是单独的js文件通过script...原创 2018-01-27 17:39:12 · 336 阅读 · 0 评论 -
jQuery实现全选与不全选及表单对象属性过滤
jQuery实现全选与不全选及表单对象属性过滤一、步骤分析1、设计好页面2、绑定单击事件驱动函数3、编写函数4、函数内获取下拉选框再使用索引过滤条件5、使用appendTo把选中内容增加到指定的下拉选框二、代码实现<!DOCTYPE html><html><head><meta charset="UTF-8">...原创 2018-02-01 19:36:17 · 281 阅读 · 0 评论 -
JQ实现省市联动及文档操作
JQ实现省市联动及文档操作一、步骤分析1、创建好对应的数组2、派发下来选的改变onchange事件触发函数3、编写函数4、函数内先获取省的下拉选通过传值的方式将数组联系起来5、利用each遍历数组,使用append()方法给城市下拉选增加option标签并增加数组值二、代码实现<!DOCTYPE html><html><head&g...原创 2018-02-01 18:08:01 · 344 阅读 · 0 评论 -
jQuery数组的遍历方式与常用方法
jQuery数组的遍历方式与常用方法一、数组的遍历方式 1、JS中我们可以通过for循环的方式实现数组的遍历 2、JQ中有两种遍历数组的方式,如下: 方式一: $("xx").each(f...原创 2018-01-31 19:48:54 · 951 阅读 · 0 评论 -
jQuery实现全选与全不选
jQuery实现全选与全不选一、代码实现<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><script src="js/jquery-1.11.0.min.js"></script><script&g...原创 2018-01-31 17:45:57 · 905 阅读 · 0 评论 -
jQuery之CSS属性
jQuery之CSS属性一、属性和css操作总结:对属性的操作:attr():设置或者获取元素的属性方式1:获取attr("属性名称")方式2:设置一个属性attr("属性名称","值");方式3:设置多个属性 jsonattr({"属性1":"值1","属性2":"值2"})removeAttr("属性名称"):移除指定属性//添加class属性的时候// a...原创 2018-01-31 12:28:38 · 651 阅读 · 0 评论 -
jQuery实现隔行换色
jQuery实现隔行换色一、步骤分析1、设计页面2、通过JQ方式获取标签3、使用选择器进行奇偶数的选择“标签:odd”偶数。"标签:even"奇数。gt(x)大于X二、实现代码<!DOCTYPE html><html><head><meta charset="UTF-8"><title>隔行换色<...原创 2018-01-31 11:26:17 · 555 阅读 · 0 评论