jquery 学习(三) - 遍历操作

HTML代码 <p>1111</p> <p>1111</p> <p>1111</p> <p>1111</p> <p>1111</p> <p>1111</p> <p>1111</p> <input type="submit" value="butter"> <script src=&q…

jQuery 学习8 遍历-父亲兄弟子孙元素 jQuery遍历,可以理解为“移动”,使用“移动”还获取其他的元素. 什么意思呢?老师举一个例子: 班上30位同学,我是新来负责教这个班学生的老师,但我不认识所有学生,只认识上学期教过的几位同学.比如小明.我们再用一小串代码来作解释: <body> <span id="ming">我是小明</span> <span>我坐在小明后面,我叫李四</span> </bo…

强大的JQuery（三）--操作html与遍历

前两篇博客讲到了JQuery的基础知识以及其动画效果,本篇将为大家介绍jquery操纵html以及jquery的遍历. 一.jquery操作html 1.获取内容和属性 text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容(包括 HTML 标记) val() - 设置或返回表单字段的值 attr()- 方法用于获取属性值. 实例: <span style="font-size:18px;">$("#btn1").…

JQuery学习三(隐式迭代和节点遍历)

在JQuery中根据id获取控件,如果输入id错误是不报错的. 必要时可以通过写判断语句进行判断是否id写错 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>JQuery</title> <style type="text/css"> .warning { background-color:yel…

jquery学习笔记---Dom操作

一.DOM操作的分类 DOM(document object model)是一种与浏览器.平台.语言无关的接口,使用该接口可以访问页面中的·所有组件.DOM的操作可以分为DOM Core.HTML-DOM和CSS-DOM. DOM Core:任意支持DOM的程序设计语言都可以使用.JS中getElementById(),getelementByTagName(),getAttribute()和setAttribute()都是它的组成部分. HTML-DOM:提供了一些更加简明的记号描述各种Htm…

jQuery学习小结1-CSS操作+事件

一.DOM对象和jQuery 对象互换 1.jQuery对象就是通过jQuery包装DOM对象后产生的对象.jQuery对象是jQuery独有的,其可以使用jQuery里的方法.比如: $("#test").html() 意思是指:获取ID为test的元素内的html代码.其中html()是jQuery里的方法这段代码等同于用DOM实现代码:document.getElementById("id").innerHTML; 虽然jQuery对象是包装DOM对象后产生…

Jquery 学习三

一.each语句 1.each语句的功能在jQuery中,通过$函数获取的都是jQuery对象.通过测试可知,jQuery对象是一个类数组的特殊对象,其是DOM对象的集合.而each语句就是专门用于遍历jQuery对象. 2.each语句的基本语法 jQuery对象.each(callback) :each语句非常简单,只有一个参数callback,其形式如下: function callback(i,item){ //相关语句 } 参数说明: jQuery对象中有多少个DOM对象,那…

Jquery学习笔记：操作form表单元素之一（文本框和下拉框）

一.概述在web页面开发中,经常需要获取和设置表单元素的值(如文本框中的内容),特别是在ajax应用中,更是常态.本文系统的介绍下如何操作. 同操作其它html元素一样,操作的过程差不多. 第一步,需要获取到表单元素对应的jquery(或dom)对象.这个主要是利用jquery的选择器机制. 第二步,调用表单元素的属性和方法来获取和设置值. 其中最常见的就是利用jquery对象的val方法.因为很多表单元素都有标准的 value属性,这个可以通过jquery的 val方法来读取和设置属性值.…

jQuery 学习04——遍历：定义、向上、向下、同级、过滤

Query 遍历,意为"移动",用于根据其相对于其他元素的关系来"查找"(或选取)HTML 元素. 以某项选择开始,并沿着这个选择移动,直到抵达您期望的元素为止. 下图展示了一个家族树.通过 jQuery 遍历,您能够从被选(当前的)元素开始,轻松地在家族树中向上移动(祖先),向下移动(子孙),水平移动(同胞).这种移动被称为对 DOM 进行遍历. 图示解析: <div> 元素是 <ul> 的父元素,同时是其中所有内容的祖先. <ul&…

jQuery学习笔记1——操作属性

一.获得和设置内容三个简单实用的用于 DOM 操作的 jQuery 方法: text() - 设置或返回所选元素的文本内容, 得到匹配元素集合中每个元素的文本内容结合,包括他们的后代, 即由所有匹配元素包含的文本内容组合起来的文本 html() - 设置或返回所选元素的内容(包括 HTML 标记),从匹配的第一个元素中获取HTML内容 val() - 设置或返回表单字段的值,获取匹配的元素集合中第一个元素的当前值,主要用于获取表单元素的值, 至于 <select multiple="mu…

【jquery 学习(三) - 遍历操作】的更多相关文章