![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
jQuery
jQuery
小白白中之白
这个作者很懒,什么都没留下…
展开
-
jQuery事件对象
事件被触发,就会有事件对象的产生原创 2021-08-31 11:21:43 · 50 阅读 · 0 评论 -
jQuery自动触发事件
element.triggerHandler(“事件”)也可以自动触发,并且不会触发元素的默认行为。原创 2021-08-31 11:18:32 · 88 阅读 · 0 评论 -
jQuery解绑事件off
最后一个里面的委托对象必须和on保持一致原创 2021-08-31 11:00:57 · 70 阅读 · 0 评论 -
jQuery事件
单个事件注册代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>原创 2021-08-31 10:48:46 · 153 阅读 · 0 评论 -
jQuery位置方法
offset()position()只可以获取不可以设置scrollTop原创 2021-08-29 16:45:45 · 72 阅读 · 0 评论 -
jQuery尺寸方法
注意:1.width()直接是css中的width。2.括号内不写东西则为获取,返回的值为数字型,所以填写的时候也不用加单位和引号原创 2021-08-29 16:19:06 · 84 阅读 · 0 评论 -
jQuery创建,添加,删除元素
创建元素添加内部添加外部添加删除原创 2021-08-29 16:14:46 · 60 阅读 · 0 评论 -
jQuery遍历对象each方法
each()方法常常和数组一起使用。代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> .原创 2021-08-29 14:35:02 · 2965 阅读 · 0 评论 -
jQuery内容文本值
原创 2021-08-29 13:04:52 · 54 阅读 · 0 评论 -
jQuery对属性的操作
注意data-index通过data()获取时只需要写index原创 2021-08-29 13:03:03 · 52 阅读 · 0 评论 -
jQuery动画排队
理解:多次触发动画会造成动画积压,先使用stop清除前面所有动画,然后在触发一个动画。这样就不会有问题了。动画排队:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=de.原创 2021-08-29 12:29:11 · 129 阅读 · 0 评论 -
jQuery的常见效果
show()hide()toggle()slideUp()同上slideDown()同上slideToggle()同上与toggle()不同的是slideToggle具有滑动效果hover()代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE.原创 2021-08-29 12:22:23 · 176 阅读 · 0 评论 -
jQuery修改css属性和修改样式
修改css属性方法一:$().css("属性",属性值"")注意如果括号内只有属性则返回该属性的值。方法二:$().css({属性:属性值,·····})代码:<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <原创 2021-08-28 18:49:03 · 2601 阅读 · 0 评论 -
jQuery中的排他思想
代码:<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <原创 2021-08-28 17:53:58 · 69 阅读 · 0 评论 -
jQuery中的this
$(thsi)为jQuery对象this为DOM对象参考文章:jquery中的$(this)与this的区别原创 2021-08-28 17:52:12 · 55 阅读 · 0 评论 -
jQuery选择器
基础选择器代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <t原创 2021-08-28 17:42:55 · 69 阅读 · 0 评论 -
jQuery对象
jQuery对象和DOM对象并不是一个东西,两者的方法和属性不能混用jQuery对象转化为DOM对象$()[index]可转化为DOM对象例如:$("div")[0].style.display="none";等效于$("div").hide();原创 2021-08-28 16:26:31 · 53 阅读 · 0 评论