摘要: 操作CSS类 addclass("classname"),class的样式名不要加点 <style type="text/css"> .style1{ font-size: 80px; color: red; } .style2{ font-size: 10px; color: greenyello 阅读全文
posted @ 2021-04-29 16:18 朝阳star 阅读(53) 评论(0) 推荐(0)
摘要: 元素的删除 remove与empty 区别:remove是删除了内容与格式,即全部删除,empty仅仅清除子元素,格式还在 #div1,#div2{ height: 200px; width: 200px; background-color: red; } <div id="div1"> <p>这是 阅读全文
posted @ 2021-04-29 16:17 朝阳star 阅读(76) 评论(0) 推荐(0)
摘要: 元素的删除 remove与empty 区别:remove是删除了内容与格式,即全部删除,empty仅仅清除子元素,格式还在 #div1,#div2{ height: 200px; width: 200px; background-color: red; } <div id="div1"> <p>这是 阅读全文
posted @ 2021-04-29 16:16 朝阳star 阅读(56) 评论(0) 推荐(0)
摘要: 元素的添加 之前添加的代码 jq的写法 (1)在元素最后面添加 <div id="div1"></div> <button id="btnAppend">后面添加段落</button> <button id="btnPrepend">前面添加段落</button> $("#btnAppend").c 阅读全文
posted @ 2021-04-29 16:15 朝阳star 阅读(83) 评论(0) 推荐(0)
摘要: DOM 捕获与设置 js获取文本内容:textContent,innerText,innerHTML (1)text() 有值是修改 ①捕获文本内容,等价于innerText <p id="p1">我要捕获</p> $("#p1").text(); ②更改文本的内容 $("#p1").text("改 阅读全文
posted @ 2021-04-29 16:14 朝阳star 阅读(61) 评论(0) 推荐(0)
摘要: 上卷(slideUp)和下拉(slideDown) $("#btnSlideUp").click(function(){ $("#div1").slideUp(2000,function(){ alert("上滑"); }); }); $("#btnSlideDown").click(functio 阅读全文
posted @ 2021-04-29 16:12 朝阳star 阅读(625) 评论(0) 推荐(0)
摘要: 淡入(fadeIn)和淡出(fadeOut) fadeIn 淡入,将隐藏的样式通过改变其透明度让他显示出来 $("#btnFadeIn").click(function(){ $("#div1").fadeIn(2000); }) fadeOut淡出,将显示的样式通过改变其透明度让他隐藏出来 $(" 阅读全文
posted @ 2021-04-29 16:10 朝阳star 阅读(1479) 评论(0) 推荐(0)
摘要: 效果 fadeTo固定的透明度 显示(show)和隐藏(hide) hide(),隐藏 将高度,宽度,透明度变为0 show(),显示 将高度,宽度,透明度变为初始值。 <style type="text/css"> #div1 { width: 100px; height: 100px; back 阅读全文
posted @ 2021-04-29 16:08 朝阳star 阅读(95) 评论(0) 推荐(0)
摘要: 常用的 jQuery 事件方法 $(document).ready() $(document).ready() 方法允许我们在文档完全加载完后执行函数。 等价于下面写法: $( function(){} ) click() click() 方法是当按钮点击事件被触发时会调用一个函数。 该函数在用户点 阅读全文
posted @ 2021-04-29 16:06 朝阳star 阅读(51) 评论(0) 推荐(0)
摘要: 选择器(和CSS一样,直接过) 基本选择器 id选择器 $("#id") 类选择器 $(".class") 元素选择器 $("标签名") 选择所有元素 $("*") 选择器分组 $("选择器1 , 选择器2 , 选择器N") 层次选择器 后代元素 $("祖先元素 后代元素") 子元素 $("父元素 阅读全文
posted @ 2021-04-26 09:22 朝阳star 阅读(86) 评论(0) 推荐(0)