Jquery
关注
分享
扫一扫
BowenXu11
这个作者很懒，什么都没留下…
展开
-
Jquery Cookie
<!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title></title> <script src="js/jquery-3.5.0.j...原创 2020-05-04 15:57:06 · 126 阅读 · 0 评论 -
jQuery关门动画效果
<!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title></title> <script src="js/jquery-3.5.0.j...原创 2020-04-28 15:31:18 · 192 阅读 · 0 评论 -
jQuery动画
jQuery动画 1.显示和隐藏 show() hide(5000，function(){});//参数。1.速度参数，时间毫秒，2.回调函数function,执行之后执行这个函数 toggle()//如果显示则隐藏，如果隐藏则显示 2.淡入淡出 fadeOut()//隐藏 fadeIn()//显示 fadeToggle()//自动显示和隐藏 //参数同上 fadeTo(3000,0.2)//渐变...原创 2020-04-27 10:31:29 · 107 阅读 · 0 评论 -
jQurey事件
jQurey事件 1.绑定事件 $(’#select’).bind(‘click’,data,function(){});//data可以不写，写了的话，可以在function中调用。 2.取消所有事件 $(‘select’).unbind(); 3.移除某个事件 $(‘select’).unbind(‘click’); 4.浏览器事件对象event。 $(‘docment’).mouseover...原创 2020-04-22 14:39:50 · 145 阅读 · 0 评论 -
jQurey 新浪微博发布界面
</div> <div id="divBody"> <div id="blank"></div> <div id="divBase"> <p>微博发布窗口</p> <div i...原创 2020-04-21 17:42:05 · 302 阅读 · 0 评论 -
jQuery 动态操作DOM元素
jQuery 动态操作DOM元素 //--------------------------------------------------------- 动态创建元素 //1.方法一：声明对象，然后追加 var htmlObject =$(‘html代码’); $(‘selected1’).append(htmlObject) //追加 （子元素） $(‘selected1’).prepend(...原创 2020-04-21 11:46:21 · 383 阅读 · 0 评论 -
⭐️ jQuery表单对象属性选择器
表单对象属性选择器 $(’#form1 :enabled’) //选取id为form1的表单内所有启用的元素 $(’#from1 :disabled’) //选取id为form1的表单内所有禁用的元素 $(‘input:checked’) //选取所有被选中的元素（Radio,Checkbox），注意⚠️这个中间不能加空格 $(’#s1 :selected’) //s1下的所有被选中的sele...原创 2020-04-20 15:05:17 · 199 阅读 · 0 评论 -
jQuery属性过滤选择器
jQuery属性过滤选择器 <!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title></title> <script src="js/...原创 2020-04-19 14:58:40 · 235 阅读 · 0 评论 -
⭐️ jQuery过滤器
jQuery过滤器 $(‘p:first’) $(‘p’).first() $(‘p:last’) $(‘p’).last() $(‘p:qu(1)’) //索引等于1的 $(‘p:gt(2)’) //索引大于2的 greathan $(‘p:lt(2)’) //索引小于2的 lessthan $(‘p:gt(1):lt(3)’) //索引大于1的集合中的元素索引小于3的元素 $(‘...原创 2020-04-19 11:10:39 · 122 阅读 · 0 评论 -
jQurey判断jQuery是否选择到元素jQuery类样式操作
jQurey 判断jQuery是否选择到元素 $(‘dom’).length>0 jQuery类样式操作 addClass removeClass hasClass toggleClass //如果有，就删掉，没有就加上原创 2020-04-17 16:43:21 · 189 阅读 · 0 评论 -
jQuery 标签选择器练习 评分空间和li控制
练习一 <!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title></title> <style type="text/css">...原创 2020-04-17 15:03:44 · 107 阅读 · 0 评论 -
jQurey预习0416 val方法，text方法，html方法，css方法，attr方法，prop方法
0416 预习 val方法（设置和返回value属性的值）， text方法（设置和返回innerText）， html方法（设置和返回innerHTML）， css方法（设置和返回CSS属性）， attr方法（setAttribute与getAttribute）， prop方法（.prop 用于检索页面被选元素当前的值） attr与prop的区别如同getAttribute与.prop//getA...原创 2020-04-16 16:17:45 · 198 阅读 · 0 评论 -
jQuery DOM元素与jQuery元素间的互相转换
Jquery 第三天 1.dom对象和jquery对象转换 DOM转Jqueray var domObj = document.getElementById(’’); var jQuerayObj =$(domObj); JQueray转DOM var domObj = jQueryObj[0]; //或者 var domObj2 = jQueryObj.get(0); ...原创 2020-04-16 15:52:58 · 189 阅读 · 0 评论 -
⭐️重点jQuery第三天 ID选择器，标签选择器，类选择器
重点jQuery选择器 1.ID选择器 $(’#dv1’); 2.标签选择器 $(‘p’); 3.类选择器 $(’.cls’); 作业ID选择器 <!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /&...原创 2020-04-16 15:50:55 · 154 阅读 · 0 评论 -
*Jquery第二天$.map,$.each,$.trim
*Jquery第二天 //map函数遍历数组，返回一个新的数组。 var newArray=$.map(array,function(element,index){}); 练习题： 1.数值数组翻倍，放入新数组 2.数值数组大于三的，翻倍，放入数组* <!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xh...原创 2020-04-16 13:40:12 · 130 阅读 · 0 评论 -
Jquery第一课，初识Jquery
Jquery 参考书。锋利的Jquery 1.顶级对象 Jquery===$ 2.多写注释 $(document).ready(function(){ alert(‘hello’); }); (document).ready(function()alert(′hi′););//(document).ready(function(){ alert('hi'); }); //(document).r...原创 2020-04-15 17:06:20 · 179 阅读 · 0 评论