jquery 设置属性 对js对象和集合 的 操作

jquery  可以 通过attr 来获取和设置属性,通过HTML 可以看到。

可以在页面上 使用 data  来 存储 键值对,在页面上 通过HTML 是 看不到的,

1、修正字符串:    $.trim()value;

2、对属性和集合的迭代:  $.each()

注意 数组和对象 时,function 参数的 区别
var s = [‘one‘,‘two‘,‘three‘];

        var s2 = {‘one‘:1,‘two‘:2,‘three‘:3};

        $.each(s,function(n,value){    //两个参数,第一个是数组的下标,第二个是数组的元素,
            alert("第"+n+"个数组元素: "+value);   //第0个数组元素: one ,第1个数组元素: two ,第2个数组元素: three ,
        });
        只有1个参数时,表示 元素在数组中的下标

        $.each(s2,function(n,value){  //两个参数,第一个是对象的属性名, 第二个是 对象的属性 值
            alert("第"+n+"个对象: "+value);     //第one个对象:1,第two个对象:2,第three个对象:3
        });

3、对数组进行筛选:  $.grep();

var s1 = [11,22,33,44,55,66,77,88,99,43];
        var s2 = $.grep(s1,function(value){  //一个参数表示 数组的元素
            return value > 44;          //返回大于44的数组元素
        });
        alert(s2);          //55,66,77,88,99两个参数,第一个是数组元素,第二个是 元素的下标

4、对数组进行转换:  $.map();

          

$.each() 与$(selector).each()    $.map() 与 $(selector).map()

一个通用的遍历函数 , 可以用来遍历对象和数组. 数组和含有一个length属性的伪数组对象 (伪数组对象如function的arguments对象)以数字索引进行遍历,从0到length-1, 其它的对象通过的属性进行遍历.

$.each()与$(selector).each()不同, 后者专用于jquery对象的遍历, 前者可用于遍历任何的集合(无论是数组或对象)

时间: 2024-10-12 17:42:47

jquery 设置属性 对js对象和集合 的 操作的相关文章

jquery的layer,ajax,js对象等

<html><head><script type="text/javascript" src="jquery.min.js"></script><script type="text/javascript" src="layer.min.js"></script><script> var  html='<div class>用户名:&

jquery的应用和JS的区别

jquery 和 js的主要区别在于DOM操作 DOM操作: 找元素: js: document.getElementBy(ID,classnama,tagname) jquery: $(选择器) 例:$(.one)操作内容: js: 非表单: Dom.innerHTML 表单:Dom.value jquery: 非表单: jqDom.html(str) 表单:jqDom.val(str)操作属性: js: 设置: Dom.setAttribute("","");

JS对象简介

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> /* * JS中数据类型 * - String 字符串 * - Number 数值 * - Boolean 布尔值 * - Null 空值 * - Undefined 未定义 * -

JQuery之JQuery的版本 JQuery入门 属性获取 JQuery就绪函数 JS文档就绪函数和JQuery文档就绪函数的区别 JS对象和JQuery对象的区别 关于$的使用 多个JS库的冲突解决方案

JQuery的版本 JQuery入门 属性获取 JQuery就绪函数 JS文档就绪函数和JQuery文档就绪函数的区别 JS对象和JQuery对象的区别 关于$的使用 多个JS库的冲突解决方案 JQuery的版本 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jQuery的版本</title> <

DOM对象和js对象以及jQuery对象的区别

一.DOM对象 文档对象模型简称DOM,是W3C组织推荐的处理可扩展置标语言的标准编程接口. DOM实际上是以面向对象方式描述的文档模型.DOM定义了表示和修改文档所需的对象.这些对象的行为和属性以及这些对象之间的关系. 通过DOM,可以访问所有的 HTML 元素,连同它们所包含的文本和属性.可以对其中的内容进行修改和删除,同时也可以创建新的元素. HTML DOM 独立于平台和编程语言.它可被任何编程语言诸如 Java.JavaScript 和 VBScript 使用. DOM对象,即是我们用

jQuery学习- 获取与设置属性的函数

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>属性访问与设置</title> <script src="js/jquery.js"></script> <style> .astyle{ border: 1px solid red;} </style> <script t

jQuery设置内容和属性方

何问起 hovertree.com 设置内容 - text().html() 以及 val()text() - 设置或返回所选元素的文本内容html() - 设置或返回所选元素的内容(包括 HTML 标记)val() - 设置或返回表单字段的值 示例: <!DOCTYPE html> <html> <head> <script src="/jquery/jquery-1.11.1.min.js"></script> <s

JQuery元素属性和样式操作、以及设置元素和内容

一.JQury元素属性操作通过JQuery可以对元素本身的属性进行操作,包括获取属性的属性值,设置属性的属性值,并且可以删除属性值(attr()和removeAttr()).二.JQuery样式操作元素样式操作包括了:直接设置css样式.增加css样式.类别切换.删除类别.例如:$('div').css('color');//获取元素行内的css样式颜色.$('div').css('color'. 'pink');//设置我最喜欢的粉色.var box = $('div').css(['colo

JS对象与Dom对象与jQuery对象之间的区别

通过问题看本质:举例:js的写法:document.getElementById('save').disabled=true;在jquery中我是这样写的 $("#save").disabled = true; //没有效果 分析:其实因为$("#save")出来的其实是jQuery对象,而不是普通DOM对象解决方法:1)用JQ写法 $("#save").attr("disabled","true"); 2