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 · 186 阅读 · 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 · 149 阅读 · 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 · 126 阅读 · 0 评论 -
jQuery中的排他思想
隐式迭代 给所有的按钮都绑定了点击事件;当前的元素变化背景颜色;其余的兄弟去掉背景颜色 隐式迭代;案例分享:<body> <button>快速</button> <button>快速</button> <button>快速</button> <button>快速</button> <button>快速</button> .原创 2020-10-11 21:23:51 · 172 阅读 · 0 评论