`
zhengjj_2009
  • 浏览: 150231 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jQuery学习笔记--使用jQuery操作样式和属性

 
阅读更多

each函数的说明:

each( callback ) Returns: jQuery包装集

对包装集中的每一个元素执行callback方法. 其中callback方法接受一个参数, 表示当前遍历的索引值,从0开始.

           $("img").each(function(index) {
                alert("index:" + index + ", id:" + this.id + ", alt:" + this.alt);
                this.alt = "changed";
                alert("index:" + index + ", id:" + this.id + ", alt:" + this.alt);
            });

       在jQuery提供了each()函数用于遍历jQuery包装集, 其中的this指针是一个DOM对象, 所以我们可以应用这一点配合原生javascript来操作元素的DOM属性

  • 大小: 43.9 KB
分享到:
评论

相关推荐

    Jquery学习笔记分享

    第1章. JQuery概述 2 1. Jquery基本作用 2 2. 优点 2 3. 引入JQuery 2 ...6. 属性操作 9 7. 样式操作 9 8. 设置和获取html,文本和值 10 9. 遍历节点 10 10. css-DOM 操作 10 第4章. jQuery的事件 12

    jQuery快速开发资料jQuery案例 代码 素材 笔记 作业资料.zip

    jQuery快速开发资料jQuery案例 代码 素材 笔记 作业资料,学习资料 01-getElementById获取元素.html 02-getElementsByTagName获取某些元素.html 03-H5新增获取元素方式(1).html 04-获取特殊元素.html 05-事件三要素....

    Java学习笔记-个人整理的

    {2.10.1}类的属性}{60}{subsection.2.10.1} {2.10.2}类的方法}{61}{subsection.2.10.2} {2.10.3}静态代码块}{62}{subsection.2.10.3} {2.11}\ttfamily final}{63}{section.2.11} {2.12}\ttfamily abstract}{63}...

    从零开始学习JQuery

    从零开始学习jQuery (四) 使用jQuery操作元素的属性与样式 从零开始学习jQuery (五) 事件与事件对象 从零开始学习jQuery (六) AJAX快餐 从零开始学习jQuery (七) jQuery动画-让页面动起来! 从零开始学习jQuery ...

    JQuery学习笔记一(JQuery选择器.css样式操作,节点关系)

     二 .JQuery 对象 和 DOM 对象 1.DOM 1.1 DOM 模型 1.2 DOM 节点  1.3 DOM 对象  2. JQuery对象  3. JQuery对象和DOM对象的相互转换  3.1 DOM 对象转化JQuery对象 3.2 JQuery对象转化DOM 对象 三.$()选择器 1....

    Jquery_学习笔记.zip

    自定义追加删除数据行(页面html,js,css样式)...通过JQuery实现,用的是Layui前端框架

    JQuery CSS样式控制 学习笔记

    我们今天是就jQuery的三种用于css的操作进行总结 $(selector).css(“name”,”value”) $(selector).css({properties}) $(selector).css(name) $(selector).css(“name”,”value”)为所有元素给定CSS属性设置值: ...

    JS学习笔记相关代码-测试代码

    JS学习笔记相关文档 Login.html学习 placeholder 属性规定可描述输入字段预期值的简短的提示信息(比如:一个样本值或者预期格式的短描述)。 该提示会在用户输入值之前显示在输入字段中。 注意:placeholder 属性...

    jQuery学习笔记 操作jQuery对象 CSS处理

    在对class属性的操作中,实际上已经改变元素样式了,但这些都是根据已设定的CSS规则间接生效的。因此我们有必要使用更为直接的方式来改变原先设定好了的CSS规则

    EasyUI学习笔记

    一、EasyUI的目录结构 1.demo:包含各种插件的案例(不是必须的) ...7.jquery.min.js:是jquery2.0版本(在上课过程中,会使用1.x版本,因为2.0对低版本浏览器兼容性不好)(jquery是必须的,本课程使用1.x)

    js学习笔记——(15)jQuery选择器、样式操作、效果

    1.jQuery选择器 1.1jQuery基础选择器 原生js获取元素方式很多,很杂,而且兼容性情况不一致,因此jQuery给我们做了封装,使获取元素统一标准。 $(‘选择器’) //里面选择器直接写css选择器即可,但是要加引号 原创...

    jQuery学习笔记之jQuery的动画

    //隐藏元素 执行hide()隐藏界面元素,相当于将css样式中的display:none. 我们也可以在函数中加入参数,具体如下: show(“slow”); 除了slow取值外,还可以设置为normal,fast,分别代表时间为600,400,200毫秒 我们...

    jQuery学习笔记 获取jQuery对象

    为了将Web的结构层和表现层、行为层彻底分离,就不应该在HTML标签上直接定义样式或事件等。这意味着要想设置页面中的某个元素,就需要先把这个元素选择出来,选择器正是解决这个问题的技术

    Jquery 基础学习笔记

    1、属性: 为所有匹配的元素设置一个计算的属性值 //为所有的input添加属性class=”btn” //$(“input”).attr(“class”,”btn”); 2、CSS:为每个匹配的元素添加指定的类名 //对所有的提交按钮添加样式 $(“input:...

    【JQuery学习笔记day11】HTML 布局

    布局 网页布局对改善网站的外观非常重要。 请慎重设计您的网页布局。 布局标签 标签 ...大多数网站可以使用 ...虽然我们可以使用HTML table标签来设计出漂亮的布局,但是table标签是不建议作为布局工具...下面的例子使用

    中国电信浙江分公司java笔试题-book_jquery:前端

    -----------以下为学习笔记---------------- 前端学习笔记 HTML & CSS Html 是页面大部分内容 css为页面的样式及格式 B/S 软件结构 C/S Client Server B/S Browser Server 客户端<——>服务器端 javaEE 项目 ...

    jquery-notlarim:我试图将我的 jQuery 笔记作为简单明了的指南呈现给那些想要学习 JQuery 或在他们的障碍点上获得帮助的人。

    我试着把我的 Query 笔记放在一起,作为一个简单而简洁的指南,为那些想要学习 JQuery 或在他们的障碍点上寻求帮助的人提供。 本文档可能至少需要基本的编程知识或基本的 JavaScript 知识。 [JQuery 文档]( ) 内容 ...

    《Html》前端学习笔记

    超文本标记语言,一个网页在不同的地方使用不同的标签去标记 一个网页的组成:HTML+CSS+JavaScript(JS、JQuery) HTML:结构;网页显示什么内容由 HTML 来决定 CSS :层叠样式;决定这个网页好不好看(颜色、大小、...

    jquery动画效果学习笔记(8种效果)

    1、元素的显示和隐藏 display:none; 隐藏 display:block; 显示 简单显示和隐藏方法 a) show() 显示 b) hide() 隐藏 c) toggle() 开关,显示则隐藏,隐藏则显示 [removed] function f1(){ //隐藏 $("div")....

Global site tag (gtag.js) - Google Analytics