随笔分类 - jQuery
摘要：1.基本使用 调用ajax()并传入其他参数，请求url必填，可放第一个参数位置，也可以放入opstion中 <script> //方式一 $.ajax('/api/test',{}) //方式二 $.ajax({ url:"/api/test" }) </script> 2.get请求 通过typ
阅读全文
摘要：1.显示/隐藏/切换 本质：操作内联样式，隐藏时display设置为none，显示时自动还原原来的display属性值 动画原理：执行动画时，宽高以渐变的形式变大或者缩小 相关方法 方法名 说明 show(duration,cb) 显示元素，支持动画效果（可选），还支持回调（可选） hide(dur
阅读全文
摘要：1.事件监听 事件名(cb)：只用于原生事件 $('#box').click(function(){ console.log('click - 1') }) on(eventName,cb)：除了给当前元素做监听，还能做事件委托 $('#box').on('click',function(){ co
阅读全文
摘要：先贴出元素模型信息 1.获取内容区大小 css()：返回值是带单位的（getComputedStyle(node).width） <script> $(function(){ console.log($("div").css("width")) //200px console.log($("div"
阅读全文
摘要：1.attr() 作用：attr()方法用来修改或者读取标签属性值，它其实是原生getAtrribute()和setAttribte()的结合体，语法上更加简洁，它支持同时操作多个属性，只要将多个属性包装成对象传入即可 <body> <div id="test">hello world</div>
阅读全文
摘要：1.添加子元素 append()/prepend()：给当前元素添加子元素，子元素可以是jq对象，也可以是Dom对象，还可以是html代码，功能类似原生js的appendChild() //添加子元素到当前元素的末尾 <script> $(function(){ var $box = $('.box
阅读全文
摘要：1.css() 该方法操作的是内联样式 <script> $(function(){ var $p = $("p") // 操作单个样式 $p.css("color","red") // 操作多个样式(对象语法) $p.css({ "font-size":"30px", "text-align":"
阅读全文
摘要：1.基本选择器 jQuery可以通过标签名，id，类名来获取jquery对象，也可以将原生dom对象转换成jquery对象。 <script> $(function(){ //获取所有的元素 var $all = $("*") // 获取所有的p标签 var $p = $("p") // 获取cla
阅读全文
摘要：1.基本使用 简介：jQuery 是一个高效、精简并且功能丰富的 JavaScript 工具库。它提供的 API 易于使用且兼容众多浏览器，这让诸如 HTML 文档遍历和操作、事件处理、动画和 Ajax 操作更加简单 引入jquery <script src="https://cdn.bootcss
阅读全文
