文章分类 - 6、web前端开发基础
摘要：一、前言 今天我们来学习一下jquery的扩展，比如说我们想自己封装一些jquery的类库，或者自定义一个juqery的方法。我定义一个函数： 1 $.shuaigaogao() 1 $.shuaigaogao() 1 $.shuaigaogao() 1 $.shuaigaogao() $.shua
阅读全文
摘要：一、前言 今天我们说说 jQuery事件之页面框架加载后自动执行 ，这个是什么意思呢？因为我们的html页面都是从上到下解释的，如果遇到一个 大的文件，或者大的图片加载的比较慢，那么绑定在标签上的事件，也就不能立即绑定完成。这样的话，事件就会失效。那咋办呐？我们今天就来讲讲，不用等图片或者大文件加载
阅读全文
摘要：一、前言 之前我们学习了 jQuery事件之阻止事件的发生 ，这个用于表单验证，当我们的用户名，密码输入正确的时候，我们才能跳转，输入错误的时候，就阻止它跳转，那这个怎么实现呢？下面我们就来研究一下。 二、简单的表单验证 2.1、操作的html 1 2 3 4 5 6 7 8 9 10 11 12
阅读全文
摘要：一、前言 我们在创建<a>标签的时候，添加href超链接属性，点击会自动跳转到你设置的网页，这个是因为在<a>标签内部，自动绑定了一个跳转事件。那接下来我们想阻止此跳转的事件的发生，改如何做呐？ 二、dom方式实现 2.1、不阻止事件 ①操作html 1 2 3 4 5 6 <body> <a on
阅读全文
摘要：一、前言 之前我们学习了dom，有三种绑定方式，今天我们来学习一下，jquery有多少种事件绑定方式。 二、jquery的事件绑定 2.1、直接绑定 1 2 3 $(".c1").click(function(){ //js代码 }) 1 2 3 $(".c1").click(function(){
阅读全文
摘要：一、前言 今天我们来研究 jquery的 高度以及 位置操作 ，这个是 http://jquery.cuishifeng.cn/ 中的css操作里面的。 二、操作的html 1 2 3 4 5 6 7 8 9 10 11 12 <body> <div id="i1"></div> <div styl
阅读全文
摘要：一、前言 今天我们来学习一下jquery css操作和点赞功能的实现。 二、css的操作 2.1、css的操作 说明：访问匹配元素的样式属性。 1 2 3 $("p").css("color"); //获取样式的值 $("p").css("color"，"red"); //添加或者设置样式的值 $(
阅读全文
摘要：一、前言 今天我们来学习一下文档处理，这个在我们工作也经常用到，比如我们需要插入一行数据，比如说要插入一个标签，等等，这个会经常用到的。下面只是写了经常用的，如果想看更多：http://jquery.cuishifeng.cn/ 的 文档处理 部分。 二、操作的html 1 2 3 4 5 6 7
阅读全文
摘要：一、前言 我们经常在京东上看到商品详情里面的有那个TAB切换菜单，比如如图： 点击菜单一，显示内容一、点击菜单二，显示内容二，今天就来看看，这个是怎么实现的。 二、操作的html 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23
阅读全文
摘要：一、前言 之前我们就研究过jquery的样式，今天我们来复习一下，并且研究一下属性的操作。 二、jquery的样式 操作的html： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 <head> <meta charset="UTF-8"> <title>T
阅读全文
摘要：一、前言 之前我们用dom写的一个模块编辑框，今天我们用jquery的知识来写一个模块编辑框，看看jquery是怎么完成这个小示例的，如图： 二、操作的html 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26
阅读全文
摘要：一、前言 之前我们写了一些筛选器，今天我们就来讨论其他的筛选器。这边我们只练习常用的筛选器，更多的详情：http://jquery.cuishifeng.cn/ 二、过滤 2.1、eq(index|-index) 描述： 获取当前链式操作中第N个jQuery对象，返回jQuery对象，当参数大于等于
阅读全文
摘要：一、前言 之前我们学习dom写Tab菜单示例，今天我们来学习一下常用的筛选器和Tab菜单示例。 二、操作的html 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34
阅读全文
摘要：<body> <div> <input id="check_all" type="button" value="全选"> <input id="cancle_all" type="button" value="取消"> <input id="re_all" type="button" value="
阅读全文
摘要：一、前言 之前我们选择器都是用dom做的，就是document.getElementById("i1"),这种方式，今天我们来用jquery的方式来解决这个问题。 jquery的api网址：http://jquery.cuishifeng.cn/ 二、基本 2.1、id 描述：根据给定的ID匹配一个
阅读全文
摘要：一、前言 今天开始我们学习jquery，之前我们一直学习的是dom，但是学习jquery之后，你就会发现，dom其实是最原始的东西，那jquery是个什么鬼呐?它是Dom/Bom/JavaScript的类库的封装。 jquery的版本： 1.xx 版本 推荐使用1.xx版本，因为兼容性比较好，特别是
阅读全文
摘要：一、JavaScript词法分析解析 1.1、词法解释顺序 1.2、词法分析实例 1 2 3 4 5 6 7 8 9 10 11 12 13 function t1(age){ console.log(age); var age = 27; console.log(age); function ag
阅读全文
摘要：一、前言 之前我们用dom操作都是在标签上做一个事件属性，这个都是dom0的做法，而且很low，今天我们用dom1来实现我们想要实现的东西，而且很简单。从而要做到行为、样式、结构相分离的页面。 二、Dom事件操作 2.1、示例一：Dom0的操作 说明：就是在标签上添加一个onclick属性，然后赋值
阅读全文
摘要：一、前言 之前我们学习的是from提交表单，那个是html的提交表单方式，现在我们用dom来提交表单，还有一些其他的方式 二、dom提交表单 2.1、html提交表单 说明：form标签跟submit类型的input标签结合 1 2 3 4 5 6 <body> <form id="f1" acti
阅读全文
摘要：一、前言 我们今天来研究一下，利用Dom来设置标签的属性和用dom去创建标签。 二、Dom属性 2.1、设置属性(setAttribute) 说明：设置某个标签的属性，用法：setAttribute(key,value) 1 2 3 4 5 6 >>>tag = document.getElemen
阅读全文
浙公网安备 33010602011771号