jQuery
豆浆油条_煎bingo子
2646507129
展开
-
jQuery(五)
(一).动画效果在一定时间内,不断改变元素的样式滑动动画:不断改变元素的高度实现(展开/收缩)slideDown() / slideUp() / slideToggle()淡入淡出: 不断改变元素的透明度来实现的(显示/隐藏)fadeOut() / fadeIn() / fadeToggle()显示隐藏show() / hide() / toggle()animate({结束时的样式},time,function(){})结束动画stop();(二).插件机制原创 2020-09-01 11:37:11 · 98 阅读 · 0 评论 -
window.onload与$(function(){})/$(document).ready()区别
先举个栗子======HTML只放一个图片,id为logoR1: 直接打印img的宽度,观察其值console.log("直接打印",$('#logo').width());R2: 在 $(function(){}) 中 打印 img 的宽度$(function(){ console.log("$(function(){})中打印",$('#logo').width()); })R3: 在 window.onload 中打印宽度window.onload = functio原创 2020-08-30 08:09:49 · 268 阅读 · 0 评论 -
jQuery (四)
(三).文档处理模块(CUR)增加append / appendTo(): 插入后部prepend / prependTo(): 插入前部before() : 插到前面after() :插到后面删除remove() :将自己及内部的孩子都删除empty():掏空(孩子还在)修改/更新replaceWith()(四).事件模块绑定事件eventName(function(){})on(‘eventName’,function(){})常用:click,mous原创 2020-08-28 22:40:20 · 79 阅读 · 0 评论 -
jQuery (三)
(一).CSS模块style样式CSS(styleName):根据样式名得到对应的值CSS(styleName,value):设置一个样式CSS({多个样式对}):设置多个样式位置坐标offset():读/写当前元素坐标(原点是页面左上角)position():读当前元素坐标(原点是父元素左上角)scrollTop():读/写元素/页面的滚动条坐标尺寸width()/height():width/heightinnerWidth()/innerHeight() : widt原创 2020-08-28 22:09:04 · 92 阅读 · 0 评论 -
jQuery-->事件委托/事件委派
一.为什么需要事件委托?举个栗子===<ul> <li>11111</li> <li>1111111</li> <li>111111111</li> <li>11111111111</li></ul><li>22222</li><br><button id="btn">添加新的li</button>原创 2020-08-28 17:26:25 · 560 阅读 · 0 评论 -
原生Javascript/jQuery--添加记录/删除记录
<table id="employeeTable"><tr> <th>Name</th> <th>Email</th> <th>Salary</th> <th> </th></tr><tr> <td>Tom</td> <td>tom@tom.com</td> <td>.原创 2020-08-27 22:03:12 · 308 阅读 · 0 评论 -
原生JavaScripts/jQuery--爱好选择器
<form method="post" action=""> 你爱好的运动是?<input type="checkbox" id="checkedAllBox" /> 全选/全不选 <br /> <input type="checkbox" name="items" value="足球" />足球 <input type="checkbox" name="items" value="篮球" />篮球 <input type="c.原创 2020-08-27 15:45:41 · 901 阅读 · 0 评论 -
jQuery--制作回到顶部的效果
jQuery–制作回到顶部的效果瞬间滚动到顶点 $('#to-top').click(function(){ //瞬间滚动到顶点 $('html,body').scrollTop(0); }show–beforeshow–after= =========== =================间隔滚动到顶点总距离var distance = $ (‘html’).scrollTop()+$(‘body’).scrollTop();总时间var tim原创 2020-08-26 22:29:41 · 171 阅读 · 0 评论 -
jQuery(二)
(一)选择器–是什么?有特定语法规则(css选择器)的字符串用来查找某个/些DOM元素:$(selector)–有哪些?基本– #id– tagName/*– .class– selector1,selector2,seletor3 并集– selector1selector2selector3 交集层次– 找子孙后代,兄弟元素– selector1>selector2 子元素– selector1 selector2 后代元素过滤– 在原有匹配元原创 2020-08-25 13:05:15 · 81 阅读 · 0 评论 -
jQuery(一)
(一)了解jQuery–是什么?一个JS函数库:write less,do more封装简化DOM操作(CRUD)/Ajax–为什么要用它?强大选择器:方便快速查找DOM元素隐式遍历(迭代):一次操作多个元素读写合一:读数据/写数据用的是一个函数事件处理链式调用DOM操作(CUD)样式操作.css–如何使用它?引入jQuery库本地引入与CDN远程引入测试版与生产版(压缩版)使用jQuery使用jQuery函数:$ /jQuery使用jQuery对象:$ xxx原创 2020-08-25 11:42:44 · 177 阅读 · 0 评论 -
jQuery函数使用---作为对象调用
jQuery函数使用—作为对象调用作为对象使用:$ .xxx()1).$ .each():隐式遍历数组2).$.trim():去除两端的空格============ 举个栗子哈================Request 1 :遍历输出数组中所有的元素值 var arr = [2,4,7]; //1).$.each():隐式遍历数组 $.each(arr, function(index,num){ console.log(原创 2020-08-23 22:23:46 · 353 阅读 · 0 评论 -
jQuery函数使用---作为一般函数调用
jQuery函数使用- - -作为一般函数调用作为一般函数调用:$(param)1).参数为函数:当DOM加载完成后,执行此回调函数2).参数为选择器字符串:查找所有匹配的标签,并将它们封装为jQuery对象3).参数为DOM对象:将DOM对象封装成jQuery对象4).参数为html标签字符串:创建标签对象并封装成jQuery对象================== 举个栗子哈 =================Request 1 :点击按钮:显示按钮的文本,显示一个新的输入框 // 1原创 2020-08-23 22:17:57 · 241 阅读 · 0 评论