随笔分类 - jQuery
jQuery...
摘要：同源策略 浏览器不允许跨域发送Ajax请求，如你在http://127.0.0.1:8000/下发送一个Ajax请求去获取http://127.0.0.1:9000/的资源。 如何解决这个问题？其实jQuery的JSONP已经帮你做好了。但是在此之前我们有必要了解一下原生的方式究竟是什么。 原生解决
阅读全文
摘要：Ajax介绍 Ajax能够在不刷新页面的情况下发送并接受后端数据。 是现在Web开发中大量使用的一种技术。 这里介绍一下jQuery中的Ajax。 数据格式 在前后端交互中，总共有三种格式。不同的格式对应后端不同的框架中有不同的处理方式，这里以Django为例。 如果要查看你发送数据的格式，可在请求
阅读全文
摘要：extend() jQuery中的`extend()方法作用是进行对象合并，类似于JavaScript中的Object.assign()。 <script> $(() => { let obj1 = { "one": 1, } let obj2 = { "two": 2, } console.log
阅读全文
摘要：show&hide 左上角的渐变进行显示和隐藏。 参数1：动画秒数 参数2：回调函数，用于动画执行完毕后的反馈操作 注意：当元素隐藏后，是不占据文档流空间位置的。同级排在之后的元素会进行跟进补白 其实底层是设置display:hidden或移除display属性，并添加一些动画所实现的 <body>
阅读全文
摘要：入口函数 使用$(document).ready(()=>{})作为jQuery入口函数，与window.onload(()=>{})类似，但它不会等待图片等外部资源的加载完毕，而是在HTML文档页面渲染后就立刻执行入口函数内部代码。 <!DOCTYPE html> <html lang="en">
阅读全文
摘要：文档处理 文档处理是指使用jQuery对HTML文档进行结构化的处理，最基本的就是对标签元素的增删改查。 创建标签 $() 使用$(标签)进行创建，返回一个jQuery对象。 可支持嵌套标签的创建 可支持标准属性或特征属性以及内容的定义 在新版本中，如果创建的标签没有内容且是闭合标签，可不用写后面的
阅读全文
摘要：样式设置 css() 访问匹配元素的某一样式或对其进行设置，可以单个设置CSS样式，也可以使用{}一次性设置多个CSS样式 如果有多个单词，可以使用驼峰形式，也可以使用CSS中的单词命名方式 如：background-color或backgroundColor均可 <body> <div style
阅读全文
摘要：标准属性 prop() 获取与设置jQuery对象中元素的标准属性值 标准属性是指一些DOM元素自带的属性或window对象，如<a>的title、href、target等等 可以单个设置标准属性的值，也可以使用{}一次性设置多个标准属性的值 <body> <a>博客园</a> </body> <s
阅读全文
摘要：前言 在jQuery中所有的东西全部都包含在jQuery对象中，并没有单独的DOM元素这一说法。 要想获取单独的DOM元素请用[index]获取，下面介绍的所有方法都会返回新的jQuery对象，而不是单一的DOM元素。 获取方法 first() 获取jQuery对象中第一个DOM元素，返回一个新的j
阅读全文
摘要：基础知识 jQuery选择器的知识其实和CSS3非常相似，大体分为两步，如何选择标签，如何精确的筛选出标签。 基本选择器 * 通用选择器 使用*可以选择所有标签 <body> <section>section</section> <div>div</div> <article>article</ar
阅读全文
摘要：jQuery简介 jQuery是由美国大神John Resig所创建，旨在用更少的代码完成更多的需求。 1.jQuery是一个非常快速简洁的JavaScript第三方库，能够让用户更加方便的处理DOM，event与更加轻易的实现动画效果与AJAX交互。 2.jQuery十分轻量级，这是其他的Js框架
阅读全文
浙公网安备 33010602011771号