随笔分类 -  jQuery

Bootstrep
摘要：Bootstrap: 是web的css框架，集合了html/css/jquery为一体，创建响应式的页面 注意：ie 6/7/8兼容性有问题 响应式：适配不同的上网设备 入门： 1.下载bootstrap 网站：http://www.bootcss.com/ 下载：用于生产环境的Bootstrap 阅读全文
posted @ 2020-07-22 00:58 Yisennnn丶 阅读(150) 评论(0) 推荐(0)
validate插件 --- 表单校验
摘要：validate插件： validate是已封装好的第三方工具，用于表单校验 使用步骤： 1.导入jquery.js 2.导入validate.js 3.在页面加载成功后，对表单进行校验 $("选择器").validate() 4.在validate中编写校验规则 $("选择器").validate 阅读全文
posted @ 2020-07-21 16:01 Yisennnn丶 阅读(274) 评论(0) 推荐(0)
左右选中 --- jQuery
摘要：左右选中： 步骤分析： 1.确定事件 click 2.编写函数 移动一个： 右边的下拉选追加一个 左边的选中第一个 移动多个 左边选中的 追缴到右边的下拉选中 移动全部 将左边的所有option追加到右边的下拉选 <html> <head> <title>左右选中.html</title> <met 阅读全文
posted @ 2020-07-20 21:56 Yisennnn丶 阅读(140) 评论(0) 推荐(0)
文档处理
摘要：文档操作： 内部插入： a.append(c)： 将c插入到a的内部(标签体)后面 bprepend(c): 将c插入到a内部的前面 a.appendTo(c)：将a插入到c的内部前面 a.prependTo(c):将a插入到c的内部后面 <html> <head> <title>01_内部插入节点 阅读全文
posted @ 2020-07-20 21:51 Yisennnn丶 阅读(179) 评论(0) 推荐(0)
省市联动 --- jQuery
摘要：省市联动 步骤分析： 1.确定事件 省份的下拉选变化的时候 change 2.编写函数 a.获取当前省份的value值 b.通过数组获取该省下的所有市， 返回值：数组 c.遍历数组，拼装成option元素，追加到市下拉选即可 注意：每次改变的时候初始化的值 技术: 遍历数组 数组.each(func 阅读全文
posted @ 2020-07-20 21:22 Yisennnn丶 阅读(102) 评论(0) 推荐(0)
属性和css操作
摘要：对属性的操作： attr()|prop(): 设置或者获取元素的属性(建议用prop) 方式1：获取 attr("属性名称") | prop("属性名称") 方式2：设置一个属性 attr("属性名称","属性值") | prop("属性名称","属性值")； 方式3：设置多个属性 json att 阅读全文
posted @ 2020-07-13 23:49 Yisennnn丶 阅读(127) 评论(0) 推荐(0)
选择器 --- jQuery
摘要：选择器： 基本选择器： $("#id值") $(".class值") $("标签名") 了解：$("*") 理解：获取多个选择器 $("#id值,.class值") <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "htt 阅读全文
posted @ 2020-07-13 22:50 Yisennnn丶 阅读(115) 评论(0) 推荐(0)
jQuery
摘要：js类库： 对常用的方法和对象进行封装，方便我们使用。 jQuery和html的整合： jquery是单独的js文件 通过script标签的src属性导入即可 获取一个jquery对象 $("选择器") 或者 jQuery("选择器") <html> <head> <meta http-equiv= 阅读全文
posted @ 2020-07-13 15:06 Yisennnn丶 阅读(117) 评论(0) 推荐(0)
全选或全不选
摘要：全选或全不选： js版： 步骤分析： 1.确定事件：最上面那个复选框的单击事件 onclick 2.编写函数：让所有的复选框和最上面的复选框保持一致 a.获取最上面这个复选框选中状态 通过checkbox的checked属性即可 b.获取其他的复选框，设置他们的checked属性即可 可以通过 do 阅读全文
posted @ 2020-07-07 21:58 Yisennnn丶 阅读(138) 评论(0) 推荐(0)
隔行换色
摘要：隔行换色： 一个表格，隔一行换一个色 效果图： 技术分析： 事件：onload 获取元素：dom操作 获取元素方法： document.getElementById("id"):通过id获取一个元素 document.getElementByTagName(“标签名”)：通过标签名获取一种元素（多个 阅读全文
posted @ 2020-07-07 21:36 Yisennnn丶 阅读(147) 评论(0) 推荐(0)
定时弹出广告
摘要：定时器（BOM-window对象） setInterval(code,毫秒数）：周期执行 setTimeout（code，毫秒数）：延迟多长事件后，只执行一次 清除定时器： clearInterval(id): clearTimeout(id): 步骤分析： 1.html页面，先把广告隐藏 2.页面 阅读全文
posted @ 2020-07-05 20:03 Yisennnn丶 阅读(242) 评论(0) 推荐(0)