jQuery
关注
分享
扫一扫
何迟
这个作者很懒，什么都没留下…
展开
-
jQuery实现排他性和mouseenter（）方法—京剧小人聚光灯
要点： 1.通过jQuery中筛选选择器中的.siblings()选择器，可以轻松获取到非焦点同级标签，注意筛选选择器都是方法，有些可以传递参数，一般是指定获取标签元素的类型。 2..mouseenter()和mouseleave()方法和onmouseover()和onmouseout()的区别，前一种需要鼠标经过（或离开）对应的元素才能触发事件处理函数，而后面一种只要进过本身或父级元素就能...原创 2018-11-21 16:59:35 · 693 阅读 · 0 评论 -
jQuery对象与DOM对象的区别和联系
要点： 1.DOM对象是js和jQuery需要操作的对象，是通过原生js获取对象的方式获取到的， jQuery对象是通过调用jQuery中获取元素方式获取到的DOM对象的集合，储存在伪数组中。 2.jQuery是一个储存DOM对象的伪数组对象，所以需要通过伪数组获取特定对象的方法获取到准确的DOM对象再来操作 获取方式有两种，一直接通过伪数组的索引操作，二通过.get()方法获取...原创 2018-11-21 15:23:43 · 389 阅读 · 0 评论 -
在线选课案例—通过js实现全选，全不选和多选效果。顺便谈谈理解的半吊子flag这个变量
要点： 1.首先分为两个业务逻辑的模块，首先 全选/取消全选 的按钮会的选中的状态或者没有选中，他的返回值是Boolean类型，也就是说通过通过这个通过全选按钮将其Boolean类型的值，通过循环赋值给全选框下面所有的单选按钮 2.再单选按钮执行之前，将所有的单选按钮状态做一次判断，判断是否存在一个没有选中的状态的按钮，如果有立即停止循环，并将结果返回给flag，作为多选框不会被选中的标志。f...原创 2018-11-04 13:59:41 · 370 阅读 · 0 评论 -
jQuery—事件的绑定和解除绑定
HTML代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>练习</title> <script src="jquery-3.3.1.js"&am原创 2018-08-21 11:26:14 · 2861 阅读 · 0 评论 -
jQuery—选择器使用和更改元素属性和文本内容
HTML代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>测试</title> <script src="jquery-3.3.1.js"&am原创 2018-08-21 10:59:29 · 6271 阅读 · 0 评论 -
jQuery—过滤器（filter）
HTML代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>过滤</title> <script src="jquery-3.3.1.js"&am原创 2018-08-23 16:14:58 · 935 阅读 · 0 评论 -
jQuery—同级遍历（next和prev）
重点：重点：重点：向上遍历兄弟节点的所有方法，选择的前一个元素，必须要是class的名字或者Id名字，不能和向下遍历兄弟节点一样直接指定标签，否则只遍历头一个 再一个，遍历所指定的区间都是开区间，如parentUntil()、nextUntil()、prevUntil()，也就是不包含首末两个元素 HTML代码： <!DOCTYPE html> <html lang="e...原创 2018-08-23 14:16:39 · 1108 阅读 · 0 评论 -
jQuery—向上遍历（parent/parents/parentUntil）
注意：parentUntil方法指定的区间是开区间。 HTML代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>向上遍历</title> <script s原创 2018-08-23 11:18:43 · 1190 阅读 · 0 评论 -
jQuery—向下遍历（children和find方法）
HTML代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>遍历</title> <script src="jquery-3.3.1.js"&am原创 2018-08-23 10:34:11 · 1911 阅读 · 0 评论 -
jQuery—两种方式创建拓展方法
HTML代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>拓展1</title> <script src="jquery-3.3.1.js"&a原创 2018-08-22 21:06:55 · 340 阅读 · 1 评论 -
jQuery使用ajax实例
要点： 1、在最新封装的jQuery中，如果ajax请求的页面有相同的部分直接省去了，只加载不一样部分。 2、jQuery封装有两种，前一种是直接封装顶层的使用，是这个实例中的，还有底层的封装，跟原生比差不太多。 三个html代码： <!DOCTYPE html> <html lang="en"> <head> <...原创 2018-12-15 09:30:22 · 557 阅读 · 10 评论