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 · 808 阅读 · 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 · 224 阅读 · 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 · 201 阅读 · 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 · 217 阅读 · 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 · 720 阅读 · 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 · 251 阅读 · 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 · 363 阅读 · 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 · 369 阅读 · 0 评论