前端学习笔记(zepto或jquery)——对li标签的相关操作（二）

【前端学习笔记(zepto或jquery)——对li标签的相关操作（二）】的更多相关文章

前端学习笔记(zepto或jquery)——对li标签的相关操作（二）

对li标签的相关操作——8种方式获取li标签的第一个元素的内容 1.alert($("ul>li").first().html());2.alert($('ul>li').eq(0).html());3.alert($('ul>li:nth-child(1)').html()); 4.alert($('ul').children()[0].innerHTML);5.alert($('ul>li')[0].innerHTML);6.alert($('ul').fi…

前端学习笔记(zepto或jquery)——对li标签的相关操作（五）

对li标签的相关操作——has与find的差异性 demo代码: <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</…

前端学习笔记(zepto或jquery)——对li标签的相关操作（四）

对li标签的相关操作——五种方式给奇数项li标签设置样式 demo演示: 1 2 3 4 5 6 7 // 详解: 通常我们为多个li添加样式时常用的是使用filter,但我们在第三节中可以看到filter可以和each等在某些场合替换的,那是否我们可以用each来实现呢,答案是肯定的,但也是有差异性的. 下面是常用的三种方式处理: $('ul').children().filter(function(index){return index%2 == 0;}).css('background-c…

前端学习笔记(zepto或jquery)——对li标签的相关操作（三）

对li标签的相关操作——八种方式遍历li标签并获取其值 $("ul>li").forEach(function(item,index){ alert(index+":"+ item.innerHTML); }); $("ul>li").each(function(index,item){ alert(index+":"+ item.innerHTML); }); $("ul>li").ea…

前端学习笔记(zepto或jquery)——对li标签的相关操作（一）

对li标签的相关操作——点击li标签进行样式切换的两种方式 Demo演示: 1 2 3 4 // 详解: 第一种方式(以ul为基础): $("ul").bind("click", function(e) { $(e.target).closest("li").addClass("hilight"); $(e.target).closest("li").siblings().removeClass("…

前端学习笔记之HTML body内常用标签

阅读目录一 HTML语义化二字符实体三 h系列标签四 p标签五 img标签六 a标签七列表标签八 table标签九 form标签一 HTML语义化 body中的标签是会显示到浏览器窗口中的,body内的标签只有一个作用就是用来标记语义的,语义指的是从字面意思就可以理解被标记的内容是用来做什么的虽然不同的标签会有不同的显示样式,但我们一定要强制自己忘记所有标签的显示样式,只记它的语义.因为每个标签的样式各不相同,记忆不同标签的样式来控制显示样式,对前端开发来说将会是一种灾…

.net学习笔记----利用System.Drawing.Image类进行图片相关操作

C#中对图片的操作主要是通过System.Drawing.Image等类进行. 一.将图片转换为字节流 /// <summary> /// 图片处理帮助类 /// </summary> public static class PicProcessHelper { /// <summary> /// 将图片转换为指定的字节流 /// </summary> /// <param name="filePath">图片路径</p…

【前端】Web前端学习笔记【1】

... [2015.12.02-2016.02.22]期间的学习笔记. 相关博客: Web前端学习笔记[2] 1. JS中的: (1)continue 语句 (带有或不带标签引用)只能用在循环中. (2)break 语句 (不带标签引用),只能用在循环或 switch 中. (通过标签引用),break 语句可用于跳出任何 JavaScript 代码块: =======================================================================…

Web前端学习笔记(001)

....编号 ........类别 ............条目 ................明细....................时间一.Web前端学习笔记 2016年6月15日10:38:53 /****************************************************************begin******************************…

【前端】Web前端学习笔记【2】

[2016.02.22至今]的学习笔记. 相关博客: Web前端学习笔记[1] 1. this在 JavaScript 中主要有以下五种使用场景在全局函数调用中,this 绑定全局对象,浏览器环境全局对象为 window . 作为对象方法使用,this 绑定到该对象. 在对象a的方法b内部的函数c中,this 也绑定全局对象,应该绑定到方法b对应的对象a上.这是 JavaScript的缺陷,解决方法:用that捕捉. 在构造函数中,this 绑定到新创建的对象. 使用apply或call调用函…

Java程序猿的JavaScript学习笔记（8——jQuery选择器）

计划按例如以下顺序完毕这篇笔记: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScript学习笔记(3--this/call/apply) Java程序猿的JavaScript学习笔记(4--this/闭包/getter/setter) Java程序猿的JavaScript学习笔记(5--prototype) Java程序猿的JavaScript学习笔记(6--面向对象模拟) Java程…

web前端学习笔记

web前端学习笔记(CSS盒子的定位) 相对定位使用相对定位的盒子的位置常以标准流的排版方式为基础,然后使盒子相对于它在原本的标准位置偏移指定的距离.相对定位的盒子仍在标准流中,它后面的盒子仍以标准流方式对待它. 使用relative,即相对定位,除了将position属性设置为relative之外,还需要指定一定的偏移量,水平方向通过left或者right属性来指定,竖直方向通过top和bottom来指定.以下为后面实验的基准代码. <html xmlns="http://w…

Java程序猿的JavaScript学习笔记（9—— jQuery工具方法）

计划按例如以下顺序完毕这篇笔记: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScript学习笔记(3--this/call/apply) Java程序猿的JavaScript学习笔记(4--this/闭包/getter/setter) Java程序猿的JavaScript学习笔记(5--prototype) Java程序猿的JavaScript学习笔记(6--面向对象模拟) Java程…

golang学习笔记20 一道考察对并发多协程操作一个共享变量的面试题

golang学习笔记20 一道考察对并发多协程操作一个共享变量的面试题下面这个程序运行的能num结果是什么? package main import ( "fmt" "sync" ) var num int64 = 0 var max = 10000 var wg sync.WaitGroup func main() { wg.Add(2) go addNum() go addNum() wg.Wait() fmt.Printf("num=%d \n&q…

利用jQuery对li标签操作

<ul class="con" id="products"> <li i=" class=""> Java </li> <li i="2" class=""> PHP&l…

Web前端学习笔记之jQuery基础

0x0 jQuery介绍 jQuery是一个轻量级的.兼容多浏览器的JavaScript库. jQuery使用户能够更方便地处理HTML Document.Events.实现动画效果.方便地进行Ajax交互,能够极大地简化JavaScript编程.它的宗旨就是:“Write less, do more.“ 0x1 jQuery的优势一款轻量级的JS框架.jQuery核心js文件才几十kb,不会影响页面加载速度. 丰富的DOM选择器,jQuery的选择器用起来很方便,比如要找到某个DOM对象的相…

前端学习(十九）jquery（笔记）

jquery:库,框架 js,别人封装成的js 官网:http://jquery.com/ -----------------------------------1.7 ----------jq 1.X 兼容ie6jq 2.x 兼容ie9+ 怎么来选择库: 基于需求!--------------------------------- 稳定版本! 准备: 库: 帮助手册: -------------------------------------------------原…

前端学习笔记汇总（之merge方法）

学习笔记关于Jquery的merge方法话不多说,先上图使用jquery时,其智能提示如上,大概意思就是合并first和second两个数组,得到的结果是first+(second去重后的结果)的并集接下来,做出测试: $(function () { var arr1 = ['apple', 'orange',1, 'cherry', 'orange']; var arr2 = ['chen', 343, true, 'cherry',1]; var result = $.merge(a…

jquery源码学习笔记三：jQuery工厂剖析

jquery源码学习笔记二:jQuery工厂 jquery源码学习笔记一:总体结构上两篇说过,query的核心是一个jQuery工厂.其代码如下 function( window, noGlobal ) { var jQuery = function( selector, context ) {//首先定义一个内部jQuery.注意,此jQuery只是一个工厂内部的变量,并非我们在外面引用的那个jQuery或$ return new jQuery.fn.init( selector, cont…

大前端学习笔记整理【一】CSS盒模型与基于盒模型的6种元素居中方案

概览 CSS盒模型,规定了元素框来处理元素的内容.内边距.边框和外边距的方式元素部分是指内容部分,也是最实际的内容,包围内容的称之为内边距,内边距外围是边框,边框外围就是外边距:且外边距是透明的,所以并不会阻挡其后的元素 * { margin: 0; padding: 0; } 这是在CSS中最常见的初始化CSS的代码,用于覆盖浏览器的默认样式浏览器兼容性大多数浏览器都会按照上面的图示来呈现内容.然而 IE 5 和 6 的呈现却是不正确的.根据 W3C 的规范,元素内容占据的空间是由 w…

前端学习笔记之HTML/CSS 速写神器 Emmet

HTML/CSS 速写神器:Emmet 在前端开发的过程中,一个最繁琐的工作就是写 HTML.CSS 代码.数量繁多的标签.属性.尖括号.标签闭合等,让前端们甚是苦恼.于是,我向大家推荐 Emmet,它提供了一套非常简单的语法规则,书写起来非常爽快,然后只需要敲一个快捷键就立刻生成对应的 HTML 或 CSS 代码,极大提高了代码书写效率. Emmet 的前身是大名鼎鼎的 Zen coding,它是一个编辑器插件,需要基于指定的编辑器使用,官方网站提供多编辑器支持,目前它支持的编辑器如下: Su…

Web前端学习笔记2

一.开发工具sublime的常用快捷键. 1. 快捷键功能 ctrl+shift+D 快速复制 ctrl+L 快速选中 ctrl+鼠标左键集体输入一样 ctrl+H 查找替换 ctrl+F 标签的查找 ctrl+shift+方向键整体的移动其他快捷键使用: http://blog.csdn.net/moyan_min/article/details/11530751 二.html中的标签 1.单标签.…

学习笔记： JavaScript/JQuery 的cookie操作

转自:http://blog.csdn.net/barryhappy/archive/2011/04/27/6367994.aspx cookie是网页存储到用户硬盘上的一小段信息.最常见的作用是判断用户是否登录.保存偏好设置等.我用到这个是写扫雷时,需要用cookie保存用户的设置,如行.列等.功能已具,笔而记之. cookie具有特定的格式—— cookiename=cookievalue; expires=epirationDateGMT; path=URL; domin=…

前端学习笔记之CSS知识汇总

CSS介绍 CSS(Cascading Style Sheet,层叠样式表)定义如何显示HTML元素. 当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染). CSS语法 CSS实例每个CSS样式由两个组成部分:选择器和声明.声明又包括属性和属性值.每个声明之后用分号结束. CSS注释 /*这是注释*/ 注释是代码之母.--摘自哪吒语录 CSS的几种引入方式行内样式行内式是在标记的style属性中设定CSS样式.不推荐大规模使用. <p style="color:…

前端学习笔记之BOM和DOM

前言到目前为止,我们已经学过了JavaScript的一些简单的语法.但是这些简单的语法,并没有和浏览器有任何交互. 也就是我们还不能制作一些我们经常看到的网页的一些交互,我们需要继续学习BOM和DOM相关知识. JavaScript分为 ECMAScript,DOM,BOM. BOM(Browser Object Model)是指浏览器对象模型,它使 JavaScript 有能力与浏览器进行“对话”. DOM (Document Object Model)是指文档对象模型,通过它,可以访问HT…

前端学习笔记之HTML中的id,name,class区别

name 属性用于在 JavaScript 中对元素进行引用,或者在表单提交之后,对表单数据进行引用. html的name和id可以类比身份证的姓名和身份证编号,编号id具有唯一性,一个id只出现一次.名称name具备可重复性,可以多次出现. 在css中两者都具备识别html元素的作用,name用点号.表示,id用井号#一般name用于通用多次出现元素的样式定义,id用于唯一性元素样式定义.在表单当中,由于有些控件具备多元素特性,例如radio checkbox等,使用id不便于表单数据的提交,…

SpringMVC:学习笔记(5)——数据绑定及表单标签

SpringMVC——数据绑定及表单标签理解数据绑定为什么要使用数据绑定基于HTTP特性,所有的用户输入的请求参数类型都是String,比如下面表单: 按照我们以往所学,如果要获取请求的所有参数的话,我们需要这样写: public String saveProduct(String name,String description,Integer price) {....} 但是我们发现这些参数都是描述一类事物的属性信息的,并且如果参数过多的话,将会加大我们修改和编写的负担.数据绑定是将用户…

python学习笔记（4）-基本数据类型-数字类型及操作

大学mooc 北京理工大学 python语言程序设计课程学习笔记一.整数类型可正可负,没有取值范围的限制(这个与c不同,c要考虑数据类型的存储空间).如pow(x,y),计算x的y次方,pow(2,1000),结果无限制. 4种进制表示形式:十进制:99,-28,1010 二进制:以0b或者0B开头:0b100,-0B101 八进制:以0o或者0O开头,0o123,-0O456 十六进制:以0x或者0X开头,0x9a, -0Xf9 二.浮点类型带有小数点和小数的数字,浮点数取值范…

MongoDB 学习笔记（一）：安装及简单shell操作

一.说明 1.该系列MongoDB学习笔记的学习环境采用的MongoDB版本为mongodb-win32-i386-2.4.6,操作系统为win7. 二.安装 1.新建两个目录,分别是D:\Installations\MongoDB-2.4.6\MongoDB和D:\Installations\MongoDB-2.4.6\MongoDBDATA(用于存放数据库数据文件). 2.将下载的MongoDB压缩包解压,并拷贝里面的文件至D:\Installations\MongoDB-2.4.6\Mon…

前端学习笔记（zepto或jquery）—— 布局技巧（一）

html5中有一些标签我们很难改变其样式,例如input=file,select等.这个时候我们需要改变一下思路,将原有透明度置为0,借助于div或span等以控制样式的标签来代替. 效果图: <div class="right">请选择 <select id="Dept" cl…