第三章 JQuery: HelloWorld--常见方法--css--选择器--筛选器--属性--效果--事件--数组操作--字符串操作--对象转换

1.jQuery简介为了简化JavaScript 的开发, 一些JavsScript 库诞生了. JavaScript库封装了很多预定义的对象和实用函数.能帮助使用者建立有高难度交互的页面, 并且兼容各大浏览器当前流行的JavaScript 库有 jQuery是继prototype之后又一个优秀的Javascript框架.其宗旨是--WRITE LESS,DO MORE.优势如下: 轻量级(压缩后只有几十k) 强大的选择器出色的DOM 操作的封装可靠的事件处理机制完善的Ajax 出色的…

jQuery系列第三章 jQuery框架操作CSS

第三章 jQuery框架操作CSS 3.1 jQuery框架的CSS方法 jQuery框架提供了css方法,我们通过调用该方法传递对应的参数,可以方便的来批量设置标签的CSS样式. 使用JavaScript设置标签的样式相对来说比较麻烦,而如果需要批量的设置多个标签的样式那需要写很多代码,使用jQuery可以为我们简化该过程. 使用原生的方式来设置标签的样式(代码示例) <body> <div>我是div标签</div> <button id="…

第三章 jQuery中的事件与动画

第三章jQuery中的事件与动画一. jQuery中的事件 jQuery事件是对javaScript事件的封装. 1.基础事件在javaScript中,常用的基础事件有鼠标事件.键盘事件.window事件.表单事件.事件的绑定和处理函数的语法格式如下: 语法:时间名="函数名()"; 或: DOM 对象.事件名=函数 1.载入事件在jQuery中,常用的window事件有文档载入事件,它对应的方法是ready(). 2.鼠标事件当用户在文档上移动或单击鼠标而产生的事件. 方法…

jQuery 选择器筛选器样式操作文本操作属性操作文档处理事件动画效果插件 each、data、Ajax

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

ASP.NET MVC 全局过滤器（FilterConfig）、标记在控制器上和方法上的筛选器执行顺序

FilterConfig->控制器上的筛选器-->方法上的筛选器(大-->小,上-->下) 全局-->控制器->个别尝试的时候记得把返回true protected override bool AuthorizeCore(HttpContextBase httpContext) { //return base.AuthorizeCore(httpContext); return true;//返回true才会执行下一个同类型的filter } 需要注意与其他筛选器的执…

第三章 C#循环与方法

第一节1-For循环入门语法: for(条件表达式) { 执行语句 } 练习: 第三章作业1.写一个程序打印100到200的值;2.写一个程序从10打印到1:3.写一个程序打印10到30之间的所有偶数第二节2-变量的声明和赋值.变量的作用域第三节For循环语法:while(条件表达式){ 执行语句}等差数列 1+N=n*(n+1)/2 第五节while循环,先判断再执行1.面试时会考到的一道题int i=0;while(i<=5){ Console.WriteLine(i++);//输出0…

第三章 jQuery总结参考文本

jQuery jQuery是javascript的一个函数库,非常方便,非常主流利用jQuery开发步骤: 1导入jQuery库 2在$(function(){})的{}中编写jQuery代码 ①jQuery对象就是jQuery($()) 使用$()包装DOM对象后产生的对象 ②jQuery对象是一个DOM数组对象规范($):var $btn = $('button'); 1.由jQuery对象转为Dom对象 jQuery对象不能使用DOM中的方法,但如果jQuery对象没有封装想要的方法,…

jQuery 顺便学习下CSS选择器奇偶匹配nth-child(even)

今天学习jQuery,看到nth-child(even)用法,特意找了下这个选择器的用法,在CSS3标准中,用法很强大. 对此,我把CSS3标准中nth-child()用法大致介绍下: CSS3伪类选择器:nth-child() 简单的归纳下nth-child()的几种用法. 第一:nth-child(number) 直接匹配第number个元素.参数number必须为大于0的整数. (EG) li:nth-child(3){background:orange;}/*把第3个LI的背景设为橙色*…

jquery live()只支持css选择器

昨天在处理过keypress键盘事件后,今天要把用户在页面上动态添加的字段条目加上删除功能,就是在每个字段后面加上一个漂亮的小按钮,当用户点击这个按钮,相应的条目就被从数据库中删除. 为了实现这种功能,必须保证任何新添加的条目在不刷新页面的情况下也能相应删除事件,因此,就必须使用jquery.live()来绑定click事件到那个漂亮的小按钮上,但是由于这个按钮是嵌入到每一个条目上的,所以它们处于DOM树比较深的层次下,本来我是用jquery的children() 逐层来选择这些按钮的,但是测…

vue-loader 调用了cssLoaders方法配置了css加载器属性。

module: { loaders: [ // 这里也是相应的配置,test就是匹配文件,loader是加载器, { test: /\.vue$/, loader: 'vue' }, { test: /\.js$/, loader: 'babel', include: projectRoot, exclude: /node_modules/ }, { test: /\.json$/, loader: 'json' }, /* { test: /\.css$/, //这是注释掉的模块,一开始很疑惑…

《Entity Framework 6 Recipes》中文翻译系列 (18) -----第三章查询之结果集扁平化和多属性分组

翻译的初衷以及为什么选择<Entity Framework 6 Recipes>来学习,请看本系列开篇 3-14 结果集扁平化问题你有一对多关联的两个实体,你想通过一个查询,获取关联中的两个实体的扁平化投影.扁平化或者叫压缩,这是不规范的叫法.它是指一个有父类和子类的对象图,被投影到一个单独的类中. 解决方案假设你有一对拥有一对多关联的实体,如图3-15所示的模型. 图3-15 模型中,一个代表助理的Associate的实体类型和一个代表助理工资历史的AssociateSalary实体…

测开之路三十六：常用的css选择器

在static下新建一个css,并写入内容 /*标签选择器,label标签的颜色为红色*/label {color: red;} /*.代表类选择器,绿色*/.test {color: green;} /*#代表id选择器,黄色*/#test {color: yellow;} /*div标签下的魔偶写标签下的lable标签(相对关系),内容的颜色为蓝色*/div label {color: blue;} /*div标签下的直接的lable标签(父子关系),,灰色*/div > label {co…

jQuery 初识筛选器属性选择器

---------------------------大事使我们惊讶,小事使我们沮丧,久而久之,我们对这二者都会习以为常. 一 jQuery是什么? ［1］ jQuery由美国人John Resig创建,至今已吸引了来自世界各地的众多 javascript高手加入其team. ［2］ jQuery是继prototype之后又一个优秀的Javascript框架.其宗旨是——WRITE LESS,DO MORE! ［3］它是轻量级的js库(压缩后只有21k) ,这是其它的js库所不及的,…

JQuery 选择器筛选器

什么是jQuery对象参考:http://jquery.cuishifeng.cn/css.html jQuery 对象就是通过jQuery包装DOM对象后产生的对象.jQuery 对象是 jQuery 独有的. 如果一个对象是 jQuery 对象, 那么它就可以使用 jQuery 里的方法: $(“#test”).html(); $("#test").html() //意思是指:获取ID为test的元素内的html代码.其中html()是jQuery里的方法 // 这段代码等同于用…

jQuery查找标签--选择器,筛选器,模态对话框, 左侧菜单栏

查找标签选择器: 基本选择器(同css) id选择器 $("#id") 标签选择器 $('tagName') class选择器 $(".className") 配合使用 $("div.c1") 所有元素选择器 $('*') 组合选择器 $('#id, .className, tagName') 层级选择器: (同css) x和y可以为任意选择器 $("x y") $("x>y") $("x…

JS常见操作,日期操作,字符串操作,表单验证等

复制代码 //第一篇博文,希望大家多多支持 /***** BasePage.js 公共的脚本文件部分方法需引用jquery库 *****/ //#region 日期操作 //字符串转化为时间. function stringtoTime(date1) { var dt = new Date(Date.parse(date1.replace(/-/g, "/"))); return dt; } // 使用 var date1 = "2013-06-08 15:23:31&q…

jquery选择器筛选器

jQuery对象 Query 对象就是通过jQuery包装DOM对象后产生的对象.jQuery 对象是 jQuery 独有的. 如果一个对象是 jQuery 对象, 那么它就可以使用 jQuery 里的方法: $(“#test”).html(); $("#test").html() 意思是指:获取ID为test的元素内的html代码.其中html()是jQuery里的方法这段代码等同于用DOM实现代码: document.getElementById(" test &quo…

ES5新增方法（数组，字符串，对象）

一.数组方法迭代(遍历)方法:forEach().map().filter().some().every(): 1. array. forEach(function(value,index,arr){}) value:数组当前项的值 index:数组当前项的索引 arr:数组对象本身 2. array.filter(function(value,index,arr){}) filter()方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素,主要用于筛选数组注意:直接返…

第三章 jQuery中的DOM操作

DOM(Document Object Model)文档对象模型,每张网页都能用DOM表示出来,每一份DOM都能看成一颗DOM树. jQuery继承了JavaScript对DOM对象操作的特性,使开发人员能方便地操作DOM对象. 1.查找节点 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional…

第三章 jQuery事件和动画

1.什么是事件:事件指的是用于对网页操作的时候,网页做出的一个回应. 2.JQuery中的事件:JQuery事件是对JavaScript事件的封装,常用事件的分类如下:(1)基础事件:window事件鼠标事件键盘事件表单事件(2)复合事件是多个事件的组合:鼠标光标悬停鼠标连续点击 3.鼠标事件:click() 鼠标单击时mouseover() 鼠标移过时mouseout() 鼠标移出时 4.键盘事件:keydown() 按下键盘keyup() 放开键盘keypress() 按住不放常用的按键的编…

jQuery—一些常见方法（2）DOM操作【insertBefore(),insertAfter(),appendTo(),prependTo(),before(),after(),append(),prepend(),remove(),on(),off(),scrollTop()】

一.insertBefore() 如下代码:找到span标签,将span标签剪切到div的前面 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <script src="../../jq-practice/jq/jquery-2.2.1.min.js">&…

jQuery—一些常见方法（1）【filter(),not(),has(),next(),prev(),find(),eq(),index(),attr(),】

1.filter()和not()方法 filter()和not()是一对反方法,filter()是过滤. filter()方法是针对元素自身.(跟has()方法有区别) <script type="text/javascript" src="jquery-1.12.3.min.js"></script> <script> /*filter(): 过滤 not():filter的反义词*/ $(function(){ //$('di…

【ALearning】第三章 Android基本常见控件

本章主要介绍主要的寻常较多使用的控件,包含TextView.EditView.ImageView.Button等.本章将介绍相关控件基本属性的使用,为以后章节的进阶学习提供基础.案例中引用的LinearLayout布局,可先不必深究.兴许章节将会具体介绍. [博客专栏:http://blog.csdn.net/column/details/alearning.html] TextView TextView控件的基本属性,android:layout_width 布局宽度android:layou…

jQuery—一些常见方法（3）【width(),innerWidth(),outerWidth()】

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <script src="../../jq-practice/jq/jquery-2.2.1.min.js"></script> <script> $(function(){ aler…

怎样用jQuery自带方法/函数来获取outerHTML属性

原文地址:http://jingyan.baidu.com/article/7f41ececf93b48593d095c25.html 包括我自己在内(其实我也就这两天才知道这样可以快速获取的),很多jQuery的使用者都对这一问题深感疑惑.为什么在众多方便的各种获取属性和设置属性的方法中就不能像DOM中一样直接设置html元素的outerHTML呢? 原生DOM中获取和设置html元素的outerHTML大家都很熟悉: // 原生DOM获取outerHTML alert('原生DOM获取out…