JQuery基础教程：选择元素（中）

jquery基础教程读书总结

最近静下心来看书才深刻的体会到:看书真的很重要,只有看书才能让你有心思静下心来思考. 重温<jquery基础教程> 一.事件主要掌握常见的事件以及理解jquery的事件处理机制. 需要注意的有: 1.事件传播,包括了事件捕获和事件冒泡,以及怎么消除事件传播的影响,以及应用事件传播. 主要的方法有:a.根据事件目标来确定操作,即event.target b.阻止事件传播,即event.stopPapogation c.理解默认事件和jquery事件的区别还有阻止默认事件,即preventDef…

《jQuery基础教程(第四版)》学习笔记

本书代码参考:Learning jQuery Code Listing Browser 原书: jQuery基础教程目录: 第2章选择元素 1. 使用$()函数 2. 选择符 3. DOM遍历方法 4. 访问DOM元素第3章事件 1. $(document).ready()和window.onload事件 2. 事件添加 3. 事件委托 4. 移除事件处理第4章样式与动画 1. 通过.css()来获取或修改元素样式属性的值. 2. 隐藏和显示元素 3. 创建自定义动画第5章操作D…

《jQuery基础教程》读书笔记

最近在看<jQuery基础教程>这本书,做了点读书笔记以备回顾,不定期更新. 第一章第二章比较基础,就此略过了... 第三章事件 jQuery中$(document).ready()与javascript原生的window.onload()区别: $(document).ready():通过该方法注册的事件处理程序,会在DOM完全就绪并使用时调用.虽然这意味着所有元素对脚本而言都是可访问的,但是,却不意味着所有关联的文件都下载完毕.当HTML下载完成并解析成DOM树之后,代码就可以开始运行…

JQuery基础教程：选择元素（中）

自定义选择符 JQuery在各种CSS选择符的基础上还添加了独有的完全不同的自定义选择符,注意,只要可能,jQuery就会使用浏览器原生的DOM选择符引擎去查找元素.但在使用自定义选择符的时候,就无法使用速度最快的原生方法了.因此,在能够使用原生方法的情况下,就不要频繁地使用自定义选择符,以确保性能自定义选择符通常跟在一个CSS选择符后面,基于已经选择的元素集的位置来查找元素.自定义选择符的语法与CSS中的伪类选择符语法相同,即选择符以冒号(:)开头.例如,我们想要从带有horizontal类…

JQuery基础教程：选择元素（下）

DOM遍历方法利用前面介绍的jQuery选择符取得一组元素,就像是我们在DOM树中纵横遍历再经过筛选得到的结果一样.如果只有这一种取得元素的方式,那我们选择的余地从某个角度讲也是很有限的.很多情况下,取得某个元素的父元素或者祖先元素都是基本的操作,而这正是jQuery的DOM遍历方法的用武之地.有了这些方法,我们可以轻而易举地在DOM树中上下左右地自由漫步.这行用于添加alt类的代码$('tr: even').addClass('alt');可以通过.filter()方法重写成这样 $(…

JQuery基础教程：选择元素（上）

jQuery最强大的特性之一就是它能够简化在DOM中选择元素的任务,DOM中的对象网络与家谱有几分类似,当我们提到网络中元素之间的关系时,会使用类似描述家庭关系的术语,比如父元素.子元素,等等.通过一个简单的例子,可以帮助我们理解文档各元素构成的树形结构: <html> <head> <title>the title</title> </head> <body> <div> <p>This is a parag…

jquery 基础教程[温故而知新二]

子曰:“温故而知新,可以为师矣.”孔子说:“温习旧知识从而得知新的理解与体会,凭借这一点就可以成为老师了.“ 尤其是咱们搞程序的人,不管是不是全栈工程师,都是集十八般武艺于一身.不过有时候有些知识如果有很久没用了的话,就会忘记,甚至是忘的你一点都想不起来,尤其是一些基础的东西.所以我才打算写个"温故而知新"的系列博文出来,一来是这些基础的东西我比较健忘,以后方便自己翻阅:二来是希望可以帮助到一些刚入门的朋友.这个系列记录的所有知识点都是最最最(重要的事情说三遍)基础的知识.大部分都是我…

JQuery基础教程：入门

JQuery能做什么 JQuery在线手册 1.取得文档中的元素如果不使用JavaScript库,遍历DOM(Document Object Model,文档对象模型)树,以及查找HTML文档结构中某个特殊的部分,必须编写很多行代码.jQuery为准确地获取需要检查或操纵的文档元素,提供了可靠而富有效率的选择符机制.$('div.content').find('p'); 2.修改页面的外观 CSS虽然为影响文档呈现的方式提供了一种强大的手段,但当所有浏览器不完全支持相同的标准时,单纯使用CSS…

Jquery基础教程第二版学习记录

本文仅为个人jquery基础的学习,简单的记录以备忘. 在线手册:http://www.php100.com/manual/jquery/第一章:jquery入门基础jquery知识:jquery能做什么:为什么需要jquery. 第二章:选择符工厂函数$()css选择符属性选择符自定义选择符DOM遍历方法第三章:事件jQuery.noConflict([extreme]):运行这个函数将变量$的控制权让渡给第一个实现它的那个库.常用方法:(包括键盘,鼠标事件)blur([[data],fn]…

JQuery基础教程：事件（上）

在页面加载后执行任务之前我们已经知道了$(document).ready()是jQuery基于页面加载执行任务的一种主要方式,但是要知道原生的window.onload事件也可以实现相同的效果,虽然这两个方法具有类似的效果,但是,它们在触发操作的时间上存在着微妙的差异,这种差异只有在加载的资源多到一定程度时才会体现出来当文档完全下载到浏览器中时,会触发window.onload事件,而$(document).ready()则会在DOM完全就绪并可以使用时调用,虽然这也意味着所有元素…

【JQuery基础教程(第三版)图灵】笔记

第1章 jQuery入门 1.jQuery官方网站:http://jquery.com 2.开发工具:Firebug 第2章选择元素 1.属性选择符:属性选择符通过HTML元素的属性选择元素 eg: $('img[alt]') 属性选择符使用一种从正则表达式中借鉴来的通配符语法,以^表示值在字符串的开始,以$表示值在字符串的结尾.而且,也是用星号*表示要匹配的值可以出现在字符串中的任意位置,用感叹号!表示对值取反 eg: $('a[href^="mailto:"]…

jQuery基础教程

1.使用$()函数 $()函数其实是创建了一个jQuery对象. 这个函数接受CSS选择符作为参数,充当一个工厂, 返回包含页面中对应元素的jQuery对象. 所有能在样式表中使用的选择符都可以传给这个函数, 随后就可以对匹配的元素集合应用jQuery方法. 在jQuery中,美元符号$其实就是标示符jQuery的"别名". 2.选择符 . 基本选择符 $('p') //取得所有标签为p的元素 $('.class') //取得所有类为class的元素 $('#id') //取得id为i…

总结：《jQuery基础教程》 5-完结

第5章:操作DOM HTML属性和DOM属性:attr()和prop() 获取表单控件的值:val() DOM操作方法的归纳: (1) 要在HTML中创建新元素,使用$()函数.(2) 要在每个匹配的元素中插入新元素,使用: .append() .appendTo() .prepend() .prependTo()104 第 5 章操作 DOM(3) 要在每个匹配的元素相邻的位置上插入新元素,使用: .after() .insertAfter() .before() .inse…

总结：《jQuery基础教程》 1-4章

前言: 因为公司的项目用到了jQuery+Bootstrap,而Bootstrap基于jQuery,突然发现自己只是很久前看过jQuery的视频教程,对jQuery的一些API有一些了解,在使用中还是之前然不知其所以然,所以想要更加深入的去学习一下jQuery. 于是开始在网上找书看,在官网上看到了这本书,因为是官方推荐的,所以找来认真的翻一翻,现在看完了第四章,写一下总结. 第1章:jQuery入门开始对jQuery的了解对比纯JavaScript和jQuery,使用jQuery开发的好处…

☀【jQuery 优化】jQuery基础教程（第3版）

jQuery代码优化:选择符篇 √ http://www.ituring.com.cn/article/377 jQuery代码优化:遍历篇 √ http://www.ituring.com.cn/article/382…

jQuery动态添加的元素中处理字符串溢出后在指定字符数后添加省略号

"+[jsonData[i].questitle.lenth>40?jsonData[i].questitle.substring(0,40)+"...":jsonData[i].questitle]+" 该代码是写在动态加载元素中的三目运算,直接在加载的时候判断是否超出指定字符数,再决定用哪种形式显示.这里要注意的是“[]”三目运算最外部的这个大括号是不能省也不能用“()”代替的. 当然,像这种溢出添加省略号的方法还有在jq,js中调用substring方法…

浏览器console中加入jquery，测试选择元素

一.chrome浏览器F12打开调试界面,在console中输入(firefox同样可以): var jquery = document.createElement('script'); jquery.src = "http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js";//若调试页面是https的这里也修改为https. document.getElementsByTagName(].appendChild(jquery); jQ…

JQuery基础教程：事件（下）

事件传播为了说明不可单击的页面元素处理单击事件的能力,例如样式转换器中包含按钮的div元素或者兄弟元素h3,我们来实现一个鼠标指针进入元素和离开元素时的效果,首先需要添加一种翻转状态,表明能与鼠标进行某种交互,然后我们.hover()方法给h3元素添加这个样式,伪代码如下: <style> .hover { cursor: pointer; background-color: #afa; } </style <script> $(document).ready(f…

[Odoo12基础教程]之win10中odoo12环境搭建

所需材料 1.python3.7 2.pycharm社区版及以上 3.postgresSQL10 下载链接:https://www.enterprisedb.com/thank-you-downloading-postgresql?anid=1257100 4.odoo12源码(请注意版本选择) github链接:https://github.com/odoo/odoo gitee链接:https://gitee.com/mirrors/odoo python和pycharm的安装不在此讲解,有…

Jquery | 基础 | 慕课网 | 元素选择器

getElementsByTagName方法得到页面所有的<div>元素 var divs = document.getElementsByTagName('div'); 与同样的效果,$("p")选取所有的<p>元素,通过css方法直接赋予样式 $("p") <!DOCTYPE html> <html> <head> <meta http-equiv="Content-type"…

[Odoo12基础教程]之开发过程中可能出现的问题

可能出现的问题更改代码后无变化当你对代码进行更改之后,发现页面并没有变化,那么请尝试依次以下几种办法: 1.重启项目: 2.升级模块: 3.在开发者模式下刷新本地模块列表: 4.给data列表添加xml文件或者权限文件: 5.给相应的模块或者用户组在权限文件中设置权限: 6.在__init__.py文件中引入py文件: 搜索不到模块创建一个新的模块之后,在模块中搜索不到解决: 可能需要升级你上一个编写的模块才能看到新的模块: 当是你创建的第一个项目时,可能需要:开启激发着模式并刷新本地模块…

OC基础教程 C语言中的格式占位符：

C语言中的格式占位符: %a,%A 读入一个浮点值(仅C99有效) %c 读入一个字符 %d 读入十进制整数 %i 读入十进制,八进制,十六进制整数 %o 读入八进制整数 %x,%X 读入十六进制整数或二进制 %s 读入一个字符串,遇空格.制表符或换行符结束. %f,%F,%e,%E,%g,%G 用来输入实数,可以用小数形式或指数形式输入. %p 读入一个指针 %u 读入一个无符号十进制整数 %n 至此已读入值的等价字符数 %[] 扫描字符集合 %% 读%符号 %@ 对象 %zu …

基础教程：视图中的ASP.NET Core 2.0 MVC依赖注入

问题如何在ASP.NET Core MVC Views中注入和使用服务. 解更新启动类来为MVC添加服务和中间件. 添加一项服务添加一个Controller,返回 ViewResult. 添加一个视图来注入和使用该服务. 讨论在ASP.NET Core中,依赖注入不限于中间件,控制器和模型等.视图也可以受益于服务容器中配置的服务. 有几个选项可以为View提供数据和行为,例如 ViewData, ViewBag,自定义类型(View Models)和自定义服务(通过依赖注入).最好的…

jQuery基础教程-第8章-004完整代码

1. /****************************************************************************** Our plugin code comes first in this document. Normally, plugins would appear in separate files named jquery.plugin-name.js, but for our examples it's convenient to pla…

jQuery基础教程-第8章-003Providing flexible method parameters

一.The options object 1.增加阴影效果 (function($) { $.fn.shadow = function() { return this.each(function() { var $originalElement = $(this); for (var i = 0; i < 5; i++) { $originalElement .clone() .css({ position: 'absolute', left: $originalElement.offset()…

jQuery基础教程-第8章-002Adding jQuery object methods

一.Object method context 1.We have seen that adding global functions requires extending the jQuery object with new methods. Adding instance methods is similar, but we instead extend the jQuery.fn object(The jQuery.fn object is an alias to jQuery.proto…

jQuery基础教程-第8章-001Adding new global functions

一. 1.To add a function to the jQuery namespace, we can just assign the new function asa property of the jQuery object: (function($) { $.sum = function(array) { // Code goes here }; })(jQuery); Now, in any code that uses this plugin, we can write: $.s…

Linux基础教程 linux系统中的批量删除文件与空文件删除的命令介绍

linux下面删除文件或者目录命令rm(remove): 兄弟连Linux培训功能说明:删除文件或目录. 语法:rm[-dfirv][--help][--version][文件或目录...] 补充说明:执行rm指令可删除文件或目录,如欲删除目录必须加上参数"-r",否则预设仅会删除文件. 参数: -d或--directory直接把欲删除的目录的硬连接数据删成0,删除该目录. -f或--force强制删除文件或目录. -i或--interactive删除既有文件或目录之前先询问用户…

jQuery基础教程第四版练习答案

第二章 1. $('#selected-plays>li>ul>li').nextAll().addBack().addClass('special'); 2. $('table').find('tr').each(function(){ console.log('tr'); var tdArr=$(this).children(); tdArr.eq(2).addClass('year'); }); 3. $('td:contains(Tragedy)').parent().filte…

jQuery官方基础教程笔记(转载)

本文转载于阮一峰的博文,内容基础,结构清晰,是jquery入门不可多得的资料,非常好,赞一个. 阮一峰:jQuery官方基础教程笔记 jQuery是目前使用最广泛的javascript函数库. 据统计,全世界排名前100万的网站,有46%使用jQuery,远远超过其他库.微软公司甚至把jQuery作为他们的官方库. 对于网页开发者来说,学会jQuery是必要的.因为它让你了解业界最通用的技术,为将来学习更高级的库打下基础,并且确实可以很轻松地做出许多复杂的效果. 虽然jQuery上手简单,比其他…

【JQuery基础教程：选择元素（中）】的更多相关文章