随笔分类 -  jQuery

摘要:jQuery动态创建表格 阅读全文
posted @ 2017-11-14 22:55 半指温柔乐 阅读(235) 评论(0) 推荐(0)
摘要:操作form表单 1、 属性操作 设置属性: // 第一个参数表示:要设置的属性名称 // 第二个参数表示:该属性名称对应的值 $(selector).attr(“title”, “传智播客”); 获取属性: // 参数为:要获取的属性的名称,改操作会返回指定属性对应的值 $(selector).a 阅读全文
posted @ 2017-11-13 23:42 半指温柔乐 阅读(262) 评论(0) 推荐(0)
摘要:在高版本的jquery引入prop方法后,什么时候该用prop?什么时候用attr?它们两个之间有什么区别?这些问题就出现了。 关于它们两个的区别,网上的答案很多。这里谈谈我的心得,我的心得很简单: 对于HTML元素本身就带有的固有属性,在处理时,使用prop方法。 对于HTML元素我们自己自定义的 阅读全文
posted @ 2017-11-12 22:40 半指温柔乐 阅读(171) 评论(0) 推荐(0)
摘要:在追求页面互动效果的时代,大家都想把页面效果做的美轮美奂,这一切都离不开前端技术脚本Javascript,而最近常被人用到的Javascript库文件则是jQuery。 jQuery的使用具体步骤如下: 一、调用库文件 使用jQuery必须链接jQuery的库文件,无论是压缩版还是正常版,必须至少在 阅读全文
posted @ 2017-11-11 18:04 半指温柔乐 阅读(199) 评论(0) 推荐(0)
摘要:jQuery其他补充+ 4.1 链式编程: end()补充 * 补充五角星 评论案例 * 第一步:鼠标移入,当前五角星和前面的五角星变实体。后面的变空心五角星 * 第二步:鼠标点击的时候,为当前元素添加clicked类,其他的移除clicked类 * 第三步:当鼠标移开整个评分控件的时候,把clic 阅读全文
posted @ 2017-11-10 22:28 半指温柔乐 阅读(174) 评论(0) 推荐(0)
摘要:上一篇讲到jQuery中的事件,深入学习了加载DOM和事件绑定的相关知识,这篇主要深入讨论jQuery事件中的合成事件、事件冒泡和事件移除等内容。 一、合成事件 jQuery有两个合成事件——hover()方法和toggle()方法,同ready()方法一样,这些都是jQuery自定义的方法。 ho 阅读全文
posted @ 2017-11-09 23:01 半指温柔乐 阅读(205) 评论(0) 推荐(0)
摘要:jQuery事件总结(一) 现在就一点一点积累自己的知识体系,记录自己学到的和自己所理解的jQuery。 JavaScript和HTML之间的交互式通过用户和浏览器操作页面时引发的事件机制来处理的。当文档或者它的某些元素发生某些变化或操作时,浏览器就会自动生成一个事件。当然使用传统的JavaScri 阅读全文
posted @ 2017-11-08 23:38 半指温柔乐 阅读(156) 评论(0) 推荐(0)
摘要:一、元素操作 1、 高度和宽度 $(“div”).height(); // 高度 $(“div”).width(); // 宽度 .height()方法和.css(“height”)的区别: 返回值不同,.height()方法返回的是 数字类型(20),.css(“height”)返回的是字符串类型 阅读全文
posted @ 2017-11-07 23:14 半指温柔乐 阅读(161) 评论(0) 推荐(0)
摘要:一、基础操作 一、基础操作 1.html() 使用html()方法读取或者设置元素的innerHTML。 就是相当于javascript里头的innerHTML。 2.text() 使用text()方法读取或者设置元素的innerText。 就是相当于javascript里头的innerText。 阅读全文
posted @ 2017-11-05 21:30 半指温柔乐 阅读(168) 评论(0) 推荐(0)
摘要:图片导航效果 阅读全文
posted @ 2017-11-04 23:00 半指温柔乐 阅读(367) 评论(0) 推荐(0)
摘要:一、DOM对象跟jQuery对象相互转换 jQuery对象转换成DOM对象: 方式一:$(“#btn”)[0] 方式二:$(“#btn”).get(0) DOM对象转换成jQuery对象: $(document) -> 把DOM对象转成了jQuery对象 var btn = document.get 阅读全文
posted @ 2017-11-03 21:15 半指温柔乐 阅读(199) 评论(0) 推荐(0)
摘要:jQuery实现下拉菜单 一、居中 1、块元素居中:给块元素本身设置:margin:0 auto;,块元素必须设置宽度 2、行内块元素居中:给元素父级设置text-algin:center; 阅读全文
posted @ 2017-11-02 22:15 半指温柔乐 阅读(264) 评论(0) 推荐(0)
摘要:jQuery选择器 一、内容过滤选择器 选择器 描 述 返 回 示 例 :contains(text) 匹配含有文本内容text的元素 集合元素 $(“p:contains(今天)”) :empty 匹配不含子元素或文本元素的空元素 集合元素 $(“p:empty”) :has(selector) 阅读全文
posted @ 2017-11-01 23:04 半指温柔乐 阅读(193) 评论(1) 推荐(0)
摘要:jQuery是javascript的一个库,包含多个可重用的函数,用来辅助我们简化javascript开发 jQuery能做的javascipt都能做到,而javascript能做的事情,jQuery不一定能做到。 1、CSS选择器 CSS选择器回顾 符号 说明 用法 #id Id选择器 #id{ 阅读全文
posted @ 2017-10-31 22:20 半指温柔乐 阅读(280) 评论(0) 推荐(0)
摘要:一、jQuery入口函数 1、$(document).ready(function(){}); 2、$(function(){}); 二、事件处理程序 1、事件源 Js方式:document.getElementById(“id”) jQuery方式:$(“#id”) 2、事件 Js方式 :docu 阅读全文
posted @ 2017-10-30 22:46 半指温柔乐 阅读(3449) 评论(0) 推荐(0)