摘要: 先贴出元素模型信息 1.获取内容区大小 css():返回值是带单位的(getComputedStyle(node).width) <script> $(function(){ console.log($("div").css("width")) //200px console.log($("div" 阅读全文
posted @ 2019-10-04 23:28 ---空白--- 阅读(999) 评论(0) 推荐(0) 编辑
摘要: 1.attr() 作用:attr()方法用来修改或者读取标签属性值,它其实是原生getAtrribute()和setAttribte()的结合体,语法上更加简洁,它支持同时操作多个属性,只要将多个属性包装成对象传入即可 <body> <div id="test">hello world</div> 阅读全文
posted @ 2019-10-04 22:08 ---空白--- 阅读(304) 评论(0) 推荐(0) 编辑
摘要: 1.添加子元素 append()/prepend():给当前元素添加子元素,子元素可以是jq对象,也可以是Dom对象,还可以是html代码,功能类似原生js的appendChild() //添加子元素到当前元素的末尾 <script> $(function(){ var $box = $('.box 阅读全文
posted @ 2019-10-04 17:22 ---空白--- 阅读(507) 评论(0) 推荐(0) 编辑
摘要: 1.css() 该方法操作的是内联样式 <script> $(function(){ var $p = $("p") // 操作单个样式 $p.css("color","red") // 操作多个样式(对象语法) $p.css({ "font-size":"30px", "text-align":" 阅读全文
posted @ 2019-10-04 17:16 ---空白--- 阅读(281) 评论(0) 推荐(0) 编辑
摘要: 1.基本选择器 jQuery可以通过标签名,id,类名来获取jquery对象,也可以将原生dom对象转换成jquery对象。 <script> $(function(){ //获取所有的元素 var $all = $("*") // 获取所有的p标签 var $p = $("p") // 获取cla 阅读全文
posted @ 2019-10-04 16:57 ---空白--- 阅读(228) 评论(0) 推荐(0) 编辑
摘要: 1.状态伪类 定义:根据元素的状态定义不同的样式,常用于a链接(未访问/已访问/鼠标划过/已选中),表单元素(失去焦点/获取焦点/禁用) a:link {color:#FF0000;} /* 链接未访问时的颜色 */ a:visited {color:#00FF00;} /* 已访问过的链接的颜色 阅读全文
posted @ 2019-10-04 16:29 ---空白--- 阅读(420) 评论(0) 推荐(0) 编辑
摘要: 1.基本使用 简介:jQuery 是一个高效、精简并且功能丰富的 JavaScript 工具库。它提供的 API 易于使用且兼容众多浏览器,这让诸如 HTML 文档遍历和操作、事件处理、动画和 Ajax 操作更加简单 引入jquery <script src="https://cdn.bootcss 阅读全文
posted @ 2019-10-04 15:19 ---空白--- 阅读(279) 评论(0) 推荐(0) 编辑