03 2020 档案

摘要:jquery基础事件的绑定用法 <div>www.dc3688.com</div> 1,bind用法 $("div").bind("click",function(){ alert(''); }) 2,简写的用法 $("div").click(function(){ alert("a"); }) 3 阅读全文
posted @ 2020-03-31 09:02 学无边涯 阅读(104) 评论(0) 推荐(0) 编辑
摘要:jquery表单选择器基本用法 :input :password :radio :checkbox :submit :reset :image :button :file :hidden <form> <input type="text" name="username" value="www.96n 阅读全文
posted @ 2020-03-29 10:32 学无边涯 阅读(227) 评论(0) 推荐(0) 编辑
摘要:jQuery元素动画animate()用法 <button>www.96net.com.cn</button> 1,基本用法 $("button").click(function(){ $("div").animate({left:'250px'}); }); 2, animate() - 操作多个 阅读全文
posted @ 2020-03-28 10:24 学无边涯 阅读(346) 评论(0) 推荐(0) 编辑
摘要:jQuery动画上下滑动slideDown() slideUp() slideToggle()用法 <button>www.hongjingcs.com</button> 1,jQuery slideDown() 向下方法 $("#flip").click(function(){ $("#panel 阅读全文
posted @ 2020-03-28 10:13 学无边涯 阅读(578) 评论(0) 推荐(0) 编辑
摘要:jQuery动画隐藏和显示 hide() show() toggle()用法 <div>www.cnmibee.com</div> 1,jQuery hide() 和 show() $("#hide").click(function(){ $("p").hide(); }); $("#show"). 阅读全文
posted @ 2020-03-28 10:07 学无边涯 阅读(275) 评论(0) 推荐(0) 编辑
摘要:jQuery删除元素的方法 remove() empty() <div id="div1" style="height:100px;width:300px;border:1px solid black;background-color:yellow;"> <p>www.96net.com.cn</p 阅读全文
posted @ 2020-03-27 18:49 学无边涯 阅读(579) 评论(0) 推荐(0) 编辑
摘要:jQuery添加元素的方法 append() prepend() after() before() 1,append()用法 $("p").append("http://www.hongjingcs.com/"); 2,prepend()用法 $("p").prepend("http://www.c 阅读全文
posted @ 2020-03-27 18:44 学无边涯 阅读(203) 评论(0) 推荐(0) 编辑
摘要:jQuery元素css尺寸方法 jQuery 提供多个处理尺寸的重要方法: width() height() innerWidth() innerHeight() outerWidth() outerHeight() 1,jQuery width() 和 height() 方法 $("button" 阅读全文
posted @ 2020-03-27 15:28 学无边涯 阅读(129) 评论(0) 推荐(0) 编辑
摘要:jQuery 操作元素的CSS方法 addClass() - 向被选元素添加一个或多个类 removeClass() - 从被选元素删除一个或多个类 toggleClass() - 对被选元素进行添加/删除类的切换操作 css() - 设置或返回样式属性 1,addClass() $("button 阅读全文
posted @ 2020-03-27 15:10 学无边涯 阅读(267) 评论(0) 推荐(0) 编辑
摘要:Jquery设置获取DOM元素属性 1, attr() $("button").click(function(){ $("#runoob").attr("href","www.96net.com.cn"); }); 2, 可以传递匿名函数 $("button").click(function(){ 阅读全文
posted @ 2020-03-26 13:33 学无边涯 阅读(488) 评论(0) 推荐(0) 编辑
摘要:Jquery设置获取DOM元素的内容 html() text() val() 例如 <p>www.96net.com.cn</p> <input type="text" name="aa" value=""> 1,html()用法 包含html元素 获取内容 $("p").html() 设置内容 $ 阅读全文
posted @ 2020-03-26 13:23 学无边涯 阅读(481) 评论(0) 推荐(0) 编辑
摘要:jquery的引入及网页页面三种写法 1,jquery的引入方式 官网下载压缩包 远程加载 cdn加速 2,如何书写jquery页面代码 $代替jquery使用 第一种, $("p").css() 第二种, $(document).ready(function(){ alert("www.96net 阅读全文
posted @ 2020-03-25 15:16 学无边涯 阅读(1699) 评论(0) 推荐(0) 编辑
摘要:json格式是javascript对象,可以是任意类型,整型,布尔,字符串,对象,数组,null等 json定义 var json_obj={ 'usenmae':'oooo', "age":30, "sex":'男', "website":'www.96net.com.cn' } json转换字符 阅读全文
posted @ 2020-03-25 09:09 学无边涯 阅读(360) 评论(0) 推荐(0) 编辑
摘要:jquery中过滤选择器用法 函数很多用法 $("li:first") 选择第一个元素 $("li:last") 选择最后一个元素 $("li:not(.red)") 选择不是红色元素 $("li:even") 选择偶数元素 $("li:odd") 选择基数元素 $("li:gt(2)") 选择大于 阅读全文
posted @ 2020-03-11 20:18 学无边涯 阅读(140) 评论(0) 推荐(0) 编辑
摘要:jquery中层级选择器用法 ,分为 子元素选择器,后代选择器,兄弟选择器 1,后代选择器 $(function(){ $("#box p").css("color","red"); }) 2,子元素选择 $(function(){ $("#box>p").css("color","red"); } 阅读全文
posted @ 2020-03-11 20:01 学无边涯 阅读(322) 评论(0) 推荐(0) 编辑
摘要:jquery中基础选择器用法 1,jquery最全的写法 $(document).ready(function(){ www.96net.com.cn }); 2,jquery简写的写法 $("#id").click(function(){ www.96net.com.cn }) 3, 基础选择器 阅读全文
posted @ 2020-03-10 18:51 学无边涯 阅读(142) 评论(0) 推荐(0) 编辑
摘要:javascript中对象之基础之属性和方法用法,JavaScript 对象是拥有属性和方法的数据。 1,对象定义 var person = {firstName:"John", lastName:"www.96net.com.cn", age:50, eyeColor:"blue"}; 2,访问对 阅读全文
posted @ 2020-03-09 15:20 学无边涯 阅读(197) 评论(0) 推荐(0) 编辑
摘要:javascript中对象之基础之Date对象用法 new Date() 用当前日期和时间创建新的日期对象: getDate() 以数值返回天(1-31)getDay() 以数值获取周名(0-6)getFullYear() 获取四位的年(yyyy)getHours() 获取小时(0-23)getMi 阅读全文
posted @ 2020-03-08 19:45 学无边涯 阅读(111) 评论(0) 推荐(0) 编辑
摘要:javascript中对象之基础之String对象用法 1,字符串长度length 属性返回字符串的长度: 2,查找字符串中的字符串indexOf() 方法返回字符串中指定文本首次出现的索引(位置): 3,slice() 方法slice() 提取字符串的某个部分并在新字符串中返回被提取的部分。 该方 阅读全文
posted @ 2020-03-08 15:57 学无边涯 阅读(103) 评论(0) 推荐(0) 编辑
摘要:javascript中对象之基础之Math对象用法 1,Math.round()Math.round(x) 的返回值是 x 四舍五入为最接近的整数: 2,Math.pow()Math.pow(x, y) 的返回值是 x 的 y 次幂: 3,Math.sqrt()Math.sqrt(x) 返回 x 的 阅读全文
posted @ 2020-03-08 15:51 学无边涯 阅读(134) 评论(0) 推荐(0) 编辑
摘要:javascript中BOM结构是浏览器对象模型,所有对象父对象window 1,js基础之BOM以及Location和History对象 window.location 对象可不带 window 前缀书写。 一些例子: window.location.href 返回当前页面的 href (www. 阅读全文
posted @ 2020-03-07 19:53 学无边涯 阅读(601) 评论(0) 推荐(0) 编辑
摘要:1,DOM结构介绍 文档对象模型,document object model 2, 文档元素的节点的获取 document.getElementById(id) document.getElementsByTagName(name) document.getElementsByClassName(n 阅读全文
posted @ 2020-03-07 19:43 学无边涯 阅读(400) 评论(0) 推荐(0) 编辑
摘要:1, javascript函数定义调用 function test(){ alert("aaa"); } var a=function(){ alert('aa'); } 2,javascript函数参数 function test(a,b){ return a+b; } 3,javascript封 阅读全文
posted @ 2020-03-05 19:56 学无边涯 阅读(200) 评论(0) 推荐(0) 编辑
摘要:javascript输出是运行代码输出的表现形式,常见的有alert console.log document.write 等,javascript中三种输出方式总结 1,alert()方式 这种是弹出窗口的形式 <script> alert("1222"); </script> 2,console 阅读全文
posted @ 2020-03-05 08:39 学无边涯 阅读(789) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示