jQuery
roadkiller.
我愿浪漫至死
展开
-
jQuery——事件注册,事件处理,事件对象,对象拷贝,多库共存
事件注册 1、单个事件注册 语法: element.事件(function(){}) //例如 $("div").click(function(){ //点击之后的处理程序 }) 2、事件处理 on() 绑定事件 on() 方法在匹配元素上绑定一个或多个事件的事件处理函数 element.on(events,[selector],fn) events:一个或多个用空格分隔的事件类型,如click,mouseover selector:元素的子元素选择器 fn:回调函数 例...原创 2020-08-05 19:52:41 · 137 阅读 · 0 评论 -
jQuery——属性操作、数据缓存、jQuery内容文本值、返回指定祖先元素,jQuery元素操作
属性操作 1、获取或修改元素固有属性值:prop() element.prop获取元素固有属性值 $("a").prop("href"); element.prop也可以修改元素固有属性值 $("a").prop("title","今天天气真好") 那么就会把a标签title属性改为"今天天气真好" 2、获取或修改元素自定义属性值:attr() 获取: attr("属性")//类似于JS的getAttribute() 修改: attr("属性",“要修改为的属性值”)/..原创 2020-08-05 17:42:09 · 186 阅读 · 0 评论 -
jQuery——筛选选择器、筛选方法以及小小的淘宝精品服饰展示案例
jQuery的筛选选择器 语法 例子 描述 :first $("li:first") 获取第一个li元素 :last $("li:last") 获取最后一个li元素 :eq(index) $("li:eq(2)") 获取索引号为2的li元素 :odd $("li:odd") 获取索引号为奇数li元素 :even $("li:even") 获取索引号为偶数的li元素 jQuery的常用筛选方法(因为是方法.原创 2020-08-03 09:28:49 · 503 阅读 · 0 评论 -
jQuery——类操作、show函数、滑动方法、事件切换、停止排队stop方法及自定义动画方法
jQuery可以通过.css(“属性名”(,“要修改的值”))操作css样式 括号里可以是键值对的形式,比如: $("div").css({ width:400px, height:200px, backgroundColor:"red"//如果是复合属性则要用驼峰命名法,如果值不是数字,需要加引号 }) 然而在开发中更多使用的是类的操作: 1、添加类 addClass() $("div").addClass("current") 2、删除类 removeC...原创 2020-08-03 09:28:37 · 375 阅读 · 0 评论 -
jQuery——常用API、设置样式及隐式迭代思想
jQuery的常用API jQuery的基础选择器(和CSS选择器一致,要加引号) 名称 用法 描述 ID选择器 $("#id") 获取指定ID的元素 全选选择器 $('*') 匹配所有元素 类选择器 $('.class') 获取同一类class的元素 标签选择器 $('div') 获取同一类标签的所有元素 并集选择器 $('div,p,li') 选取多个元素 交集选择器 $('li.current'原创 2020-08-03 09:26:17 · 168 阅读 · 0 评论 -
jQuery——入口函数及DOM和jQuery对象之间的转换
$是jQuery的别称,也是是jQuery的顶级对象。相当于原生JS的window jQuery的入口函数 $(function(){ ... // 页面DOM加载完成后进行的操作 }) //第二种,麻烦些 $(document).ready(function(){ ... //页面DOM加载完成后进行的操作 }) 举个栗子: DOM对象:用原生JS获取来得对象就是DOM对象 document.querySelector('div') jQuery对象:...原创 2020-07-31 19:07:20 · 104 阅读 · 0 评论