
jQuery基础
jQuery基础知识
失忆症患者_
从事前端开发工作,技术栈vue、uniapp、微信原生,希望和大家一起交流进步
展开
-
jQuery的基本使用(jQuery与DOM转换)
我们在使用 jQuery 之前需要导入jQuery的库,在 jQuery 官网即可下载; DOM对象和 jQuery 对象的对比 <body> <div></div> <span></span> <script> // 1. DOM 对象: 用原生js获取过来的对象就是DOM对象 var myDiv = document.querySelector('div'); // my原创 2020-10-11 20:30:21 · 209 阅读 · 0 评论 -
jQuery发送Ajax请求
概述 Ajax用于浏览器与服务器通信而无需刷新整个页面,服务器将不再返回整个页面,而是返回少量数据,通过JavaScript DOM更新一部分节点。期间数据传输可采用xml,json等格式,Ajax最早用于谷歌的搜索提示。 其实不刷新整个页面便可与服务器通信的方法有很多,比如Flash,Java applet,iframe等,但Ajax是目前最为常见的一种。 我们可以使用JavaScript扩展对象XMLHttpRequest实现Ajax,对于这种方法在这里不做介绍,下面直接了解jQuery实现Ajax的几转载 2020-10-16 13:04:54 · 169 阅读 · 0 评论 -
jQuery常用API
1. jQuery 对 css 的操作 修改多个属性:$(’.类名或者#id名’).css({width:100,height:100}); 通过添加类名改变样式:$(’.类名或者#id名’).addClass(‘类名’),不影响之前的类名,在原有基础上添加新类; 移除类:$(’.类名或者#id名’).removeClass(‘类名’); 切换类:$(’.类名或者#id名’).toggleClass(‘类名’); 案例演示: <body> <div id="divv"><原创 2020-10-11 21:21:49 · 139 阅读 · 0 评论 -
jQuery中的排他思想
隐式迭代 给所有的按钮都绑定了点击事件; 当前的元素变化背景颜色; 其余的兄弟去掉背景颜色 隐式迭代; 案例分享: <body> <button>快速</button> <button>快速</button> <button>快速</button> <button>快速</button> <button>快速</button> .原创 2020-10-11 21:23:51 · 192 阅读 · 0 评论