JQuery
云飞扬°
这个作者很懒,什么都没留下…
展开
-
JQ中的DOM操作
JQ中的DOM操作①append:向每个匹配的元素内部追加内容②appendTo:把所有匹配的元素追加到另一个指定的元素集合中③prepend:向每个匹配的元素内部前置内容...原创 2019-05-19 10:09:40 · 253 阅读 · 0 评论 -
JQ表格的隔行换色
JQ表格的隔行换色步骤:1.导入JQ的包 2.文档加载完成函数:页面初始化 3.获得所有的行:元素选择器 4.根据行号(奇偶数)去修改颜色方法:修改偶数行 序号大于0的$("tr:even:gt(0)").css("background-color","yellow"); 修改奇数行$("tr:odd").css("background-co...原创 2019-05-18 19:38:24 · 694 阅读 · 0 评论 -
JQ表单选择器
JQ表单选择器//查找所有的input元素 $(":input").css("background-color","red");<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script ty...原创 2019-05-18 18:14:26 · 381 阅读 · 0 评论 -
JQ属性选择器
JQ属性选择器通过属性选择器去找到 a href $("a[href]").css("color","red"); //只有一个属性 找出包含href ,title $("a[href][title]").css("color","red"); //多个属性 找出包含href title 并且title='testTitle'$("a[href...原创 2019-05-18 17:49:15 · 1361 阅读 · 0 评论 -
JQ基本过滤器
JQ基本过滤器基本过滤器:选择器:first : 找出的是第一个 :last :even 找出索引为偶数 :odd 找出奇数索引 :gt(index) : 大于索引 :lt(index) 小于 :eq(index) 等于过滤出所有div中第一个元素$("div:first")过滤出所有div中偶数位的div(从0开...原创 2019-05-18 17:09:17 · 1146 阅读 · 0 评论 -
JQ层级选择器
JQ层级选择器子元素选择器: 选择器1 > 选择器2后代选择器: 选择器1 选择器2(中间是空格)相邻兄弟选择器 : 选择器1 + 选择器2 : 找出紧挨着的一个弟弟找出所有弟弟: 选择器1~ 选择器2 : 找出所有的弟弟 <!DOCTYPE html><html> <head> <meta cha...原创 2019-05-18 16:04:57 · 398 阅读 · 0 评论 -
JQ的基本选择器
JQ的基本选择器ID选择器 : #ID的名称 类选择器: 以 . 开头 .类名 元素选择器: 标签的名称 通配符选择器: * 选择器分组: 选择器1,选择器2(中间以逗号隔开) 例如:<!DOCTYPE html><html> <head> <me...原创 2019-05-18 14:36:30 · 469 阅读 · 0 评论 -
网页定时弹出广告
网页定时弹出广告步骤:1. 导入JQ的文件2. 编写JQ的文档加载事件3. 启动定时器 setTimeout("",3000);4. 编写显示广告的函数5. 在显示广告里面再启动一个定时器6. 编写隐藏广告的函数定时器:setTimeout("showAd()",2000);//2秒后,显示图片setTimeout("hideAd()",3000);//3秒后...原创 2019-05-18 10:30:36 · 528 阅读 · 0 评论 -
动画效果
动画效果步骤:1. 导入JQ相关的文件2. 文档加载完成事件:$(function):页面初始化的操作: 绑定事件, 启动页面定时器3. 确定相关操作的事件4. 事件触发函数5. 函数里面再去操作相关的元素下面举例几种方法:(其他的可以通过jQueryAPI文档查询) $("#img1").show(3000); //显示图片 ,3000表示3秒...原创 2019-05-17 21:40:40 · 147 阅读 · 0 评论 -
JQ对象和JS对象之间的转化
JQ对象和JS对象之间的转化将JS对象转换成JQ对象$(div).html("JS对象转换成JQ对象")将JQ对象转成JS对象var $div = $("#div1");var jsDiv = $div.get(0); //或者用var jsDiv = $div[0];<!DOCTYPE html><html> <head> ...原创 2019-05-17 18:35:22 · 2479 阅读 · 0 评论 -
JQuery入门
JQuery入门什么JQuery:jQuery是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架)。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文...原创 2019-05-17 16:22:45 · 980 阅读 · 0 评论 -
JQ商品的左右选择
JQ商品的左右选择<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <!-- 步骤: 1. 导入JQ的文件 2. 文档加载函数 :页面初始化 3.确定事件 : 点击事件 onclick...原创 2019-05-19 16:28:16 · 222 阅读 · 0 评论 -
JQ遍历
JQ遍历each(function(i,n):第一个参数i表示索引,第二个参数是数组中具体的值var cities = ["深圳市","广州市","东莞市","惠州市"];//方法一:JQ对象遍历 $(cities).each(function(i,n){ //第一个参数i表示索引,第二个参数是数组中具体的值 console.log(i+"---"+...原创 2019-05-19 16:24:42 · 1225 阅读 · 0 评论 -
JQ省市联动效果
JQ省市联动效果步骤:1. 导入JQ的文件2. 文档加载事件:页面初始化3. 进一步确定事件: change事件4. 函数: 得到当前选中省份5. 得到城市, 遍历城市数据6. 将遍历出来的城市添加到城市的select中 <!DOCTYPE html><html> <head> <meta charset="UT...原创 2019-05-19 14:40:24 · 914 阅读 · 0 评论 -
JQ表格的全选和全不选
JQ表格的全选和全不选使用元素选择器:选择器[属性名称=‘属性值’] $("input[type='checkbox']:gt(0)").prop("checked",this.checked); 或者$("input").prop("checked",this.checked); 使用层级选择器 $("tbody > tr ...原创 2019-05-18 20:43:46 · 581 阅读 · 0 评论