JQ
关注
分享
扫一扫
blog12138
这个作者很懒，什么都没留下…
展开
-
jQuery笔记7-事件和插件
文章目录1.元素绑定多个事件2.bind()的另一种写法及操作1.元素绑定多个事件三种方式:一个一个绑定链式编程bind()方法demo:鼠标进入到按钮中背景颜色为红色,离开后颜色为默认,点击按钮,弹出对话框<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>元素绑定多个事件</title> <scr原创 2020-12-07 16:03:43 · 143 阅读 · 0 评论 -
jQuery笔记6-常见操作
清空元素html("")方法empty()方法remove()方法克隆元素clone()方法清空和克隆元素的demo<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>清空元素中的内容</title> <script src="../jquery-1.12.2.js"></script>原创 2020-11-30 10:57:00 · 163 阅读 · 0 评论 -
JQuery笔记5-创建元素和添加元素
创建元素原生的js中的创建元素有三种方式:1.1 document.write("标签代码");缺陷:页面加载后创建元素,把页面中原有的内容全部的干掉1.2 innerHTML1.3 document.createElement("标签的名字");然后使用appendChild()方法添加到页面jQuery中创建元素的方式:2.1 $(“标签的代码”)2.2 对象.html(“标签的代码”);添加元素常用的五种方式:注意append和appendTo的区别:append方原创 2020-11-28 20:26:12 · 293 阅读 · 0 评论 -
JQ笔记4-动画
文章目录show()和hide()一、pandas是什么？二、使用步骤1.引入库2.读入数据总结show()和hide()show()方法中可以写参数:参数类型:1.数字类型,2字符串类型1 数字类型:1000表示的是毫秒 —1秒2 字符串类型: “slow” “normal” “fast”hide()方法中可以写参数:参数类型:1.数字类型,2字符串类型1 数字类型:1000表示的是毫秒 —1秒2 字符串类型: “slow” “normal” “fast”<!DOCTY原创 2020-11-28 17:06:42 · 157 阅读 · 0 评论 -
JQ笔记3-样式操作
文章目录一、hasClass()二、toggleClass()总结一、hasClass()用于检查元素是否应用了类样式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> div{ width: 200px;原创 2020-11-13 14:46:19 · 159 阅读 · 0 评论 -
JQuery笔记2-选择器
文章目录JQ中的选择器JQ中常用的几个方法JQ中的.css()方法JQ中的其他主要选择器其他常用的函数几个小demoJQ中的选择器JQ中的选择器和C3中的选择器非常相似,可以说如果会C3的选择器,那么就会JQ的选择器.例如:JQ中获取元素的方式：通过各种选择器来获取元素根据id—$(’#id’) ----- 一个元素根据标签名—$(‘标签名’)----多个元素根据类样式的名字（类选择器）---- $(’.class’)–多个元素JQ中常用的几个方法 .html()方法,设置标签中原创 2020-11-11 10:43:42 · 210 阅读 · 0 评论 -
JQuery笔记1-开篇初识
文章目录开篇引言一、顶级对象二、初体验-onload事件1.JS中的onload事件2.JQ中的onload事件三、初体验-DOM与JQ互转四、初体验-开关灯demo总结开篇引言JQuery：JS框架库，直白的说就是将原生js进行了封装，使用JQ可以不用考虑兼容问题，这是其优势之一，其二便是轻量级，一个文件，大小不过几百k而已；其三就是链式编程，写的少，做的多；在这些不止于这些优势的情况下，有必要学习一下。一、顶级对象Dom中的顶级对象：document ---- 页面中的顶级对象docume原创 2020-11-08 20:21:06 · 225 阅读 · 0 评论