jquery专栏
jquery知识点以及使用方法
前端61
比昨天更努力,让明天更美好
展开
-
jQuery选择器
jQuery选择器1.基本选择器标签选择器类选择器id选择器交集选择器并集选择器2.层级选择器子代后代3.过滤选择器(部分):odd 奇数:even 偶数:eq 指定下标:first 第一个子元素:last 最后一个子元素:gt 大于第几个下标的子元素:lt 小于第几个下标的子元素4.筛选选择器children()子元素find() 后代pa...原创 2019-05-26 10:50:55 · 169 阅读 · 0 评论 -
jQuery操作样式
<div class="container"> <button id="btn">切换类</button> <ul id="box"> <li class="one">1</li> <li class="two">2</li> <li>&l...原创 2019-11-18 14:08:38 · 110 阅读 · 0 评论 -
jQuery操作属性
语法:attr(name.value)1.设置单个属性$('img').attr('title', '哈哈')2.设置多个属性$('img').attr({ alt: '呵呵', title: '哈哈'})3.获取属性let title = $('img').attr('title')console.log(title)4.prop() 方法注意: ...原创 2019-11-18 17:25:15 · 107 阅读 · 0 评论 -
jQuery 动画
一、3组基本动画1.显示/隐藏 show()/hide()·2.淡入/淡出/切换 fadeIn()/fadeOut()/fadeToggle()·3.滑入/滑出/切换 slideDown()/slideUp()/slideToggle()用法:(以show()为例)show(speed,callback)参数1:动画持续的时间参数2:回调函数(动画执行完毕后调用)注...原创 2019-11-20 10:01:12 · 108 阅读 · 0 评论 -
jQuery操作节点
一、创建节点语法:$() // 括号里面直接传想要创建的节点$('<div>我是被创建的节点</div>')$('<img src="./1.png" title="哈哈"></img>')二、添加节点append() // 添加到子元素后面 括号内传被创建的元素prepend() // 添加到子元素前面 括号内传被创建的元素a...原创 2019-11-20 10:23:01 · 102 阅读 · 0 评论 -
jQuery 特殊属性操作
1.val()方法 val 方法用于设置和获取表单元素的值,例如:input textarea的值 设置:$("input").val('helle world') 获取:$("input").val()2.html()方法与text()方法 html()方法相当于innerHTML text()方法相当于innerText html(): 设置:$(...原创 2019-11-25 16:49:50 · 110 阅读 · 0 评论 -
jQuery事件机制
1.注册简单事件 $('div').click = function(){} 缺点:一次只能注册一个事件2.bind方法:可注册多个事件(已废弃)3.delegate方法:注册一个委托事件(已废弃)4.on注册事件(重点)jQuery1.7之后,iquery 用on统一了所有事件的处理方法4.1 注册简单事件 $(selector).on('click',functi...原创 2019-11-25 16:54:16 · 92 阅读 · 0 评论 -
jQuery之使用each方法遍历对象
jquery的隐式迭代会对所有的DOM对象设置相同的值,但是如果我们需要给每一个对象设置不能的值得时候,就需要自己进行迭代了each方法$(selector).each(function(index,element){})each()方法中可传入一个函数,函数中可以传两个参数参数1:表示当前元素在所有匹配元素中的索引号参数2:表示当前元素(DOM)案例:给不同的li设置不同的透明度...原创 2019-11-25 17:01:17 · 373 阅读 · 0 评论 -
jQuery中对ajax的封装
一、底层接口$.ajax({ url:'xxx', // 请求地址 type:'get', // 请求方式get/post data:{id:1,name:'张三'}, // 请求参数 dataType:'json', // 用于设置响应体的类型,跟data参数没有关系 beforeSend:function(){...原创 2019-11-30 16:55:22 · 296 阅读 · 0 评论