jQuery初识
一本正经的柠檬
一本正经冠冕堂皇地阐述着这个梦想
展开
-
jquery_8
text()-获取和设置文本内容 <input type="button" value="获取" id="getBtn"> <input type="button" value="设置" id="setBtn"> <div id="div1"> 我是一个div1标签 <p> p1标签 <span>span1</span> ..原创 2021-11-14 17:13:46 · 783 阅读 · 0 评论 -
jquery_7(动画)
1.动画语法:$(selector).animate({params},speed,callback); 2.callback函数:$(selector).hide(speed,callback) 现象: JavaScript语句是单线程,动画之后的语句可能会报错,因为动画还没有完成。 解决方式:以参数的形式添加Callback函数。 3.提示 (1)因为animate默认所有HTML元素都有一个静态位置,且无法移动。所以使用的时候...原创 2021-11-13 13:30:00 · 203 阅读 · 0 评论 -
jquery_6(滑动)
1.方法一(slideUp -slideDown) 语法: $(selector).slideDown(speed,callback); $(selector).slideUp(speed,callback); $(function(){ var slide = true $('#btn1').click(function(){ if(slide){ slid..原创 2021-11-13 12:30:00 · 181 阅读 · 0 评论 -
jquery_5(淡入淡出)
<button>点击</button> <p>p标签,点击button会淡入淡出</p> <p>p标签,点击button会淡入淡出</p> 1.方法一(fadeIn - fadeOut) 语法: $(selector).fadeIn(speed,callback); $(selector).fadeOut(speed,callback); $(function(){ var ...原创 2021-11-12 15:14:09 · 198 阅读 · 0 评论 -
jquery_4(显示和隐藏)
1.方法一(hide-show) 语法: $(selector).hide(speed,callback); $(selector).show(speed,callback); speed速度,callback回调函数 2.效果,折扇似的隐藏 $('p').hide()、$('p').hide(slow)、$('p').hide(fast)、$('p').hide(1000) $('p').show()、$('p').show(slow)、$('p').show(fast)、$('p')...原创 2021-11-12 15:08:37 · 700 阅读 · 0 评论 -
jquery_2
1.选择器 (1)元素选择器 <p>p1</p> <p class="p2">p2</p> <p class="p22">p2</p> <p id="p3">p3</p> <p id="p3">p3</p> <p id="p3">p3</p> <a id="p3">a3</a>原创 2021-11-12 14:55:30 · 207 阅读 · 0 评论 -
jquery_3
1. 原生JS对象和jQuery对象 利用jQuery选择器获取的对象,只能调用jQuery的方法或者属性 利用原生JS选择器获取的dom对象,只能调用原生JS的方法或者属性 var div1 = document.getElementById('div1'); div1.style.backgroundColor = 'red'; var $div1 = $('#div1'); $div1.css('backgroundColor','red'); 2.jQuery对象 jQuery对象原创 2021-11-09 22:25:17 · 339 阅读 · 0 评论 -
jQuery_1
1.基础语法:$(selector).action() //$定义jQuery //选择符(select)查找html元素 //jQuery的action执行对元素的操作 //$(this).hide(); //$('#test').hide(); //$('p').hide() //$('.test').hide() 2.ready是入口函数 3.测试代码 ...原创 2021-11-09 15:10:06 · 352 阅读 · 0 评论