爱站程序员基地属性操作方法
在dom中，我们通过setAttribute / getAttribute / style来操作元素属性，jQuery中提供了更加便捷的方法。
| 方法 | 描述 |
|---|---|
| html() | 读取和修改元素的HTML标签。 |
| val() | 来读取或修改表单元素value属性的值 。 |
| text() | 读取或修改元素的纯文本内容 。 |
| css() | 获取匹配元素样式属性的计算值或设置元素的css属性。 |
| addClass() | 向匹配的元素添加指定的类名。 |
| removeClass() | 从所有匹配的元素中删除全部或者指定的类。 |
| hasClass() | 检查匹配的元素是否拥有指定的类。 |
| attr() | 一个参数：获取当前属性的值；两个参数：修改当前属性的值。 |
| removeAttr() | 从所有匹配的元素中移除指定的属性。 |
| prop() | 给匹配元素添加属性，一般用于单属性、布尔属性。 |
| removeProp() | 给匹配的元素删除一个属性，一般来说，只需要移除自定义的属性。 |
<input type=\"text\" name=\"\" disabled><div class=\"one\" title=\"这是第一个div\"></div><div class=\"two\" title=\"这是第二个div\"></div><style type=\"text/css\">.main{border: 10px solid red;}</style><script type=\"text/javascript\">$(function(){$(\'.two\').addClass(\'main\')$(\'.two\').removeClass(\'main\')var b = $(\'div\').hasClass(\'two\')console.log(b) //输出：truevar a = $(\'.one\').attr(\'title\')console.log(a) //输出：这是第一个div$(\'.one\').attr(\'title\',\"hello\")$(\'.two\').removeAttr(\'title\')$(\'input\').prop(\'disabled\',false);})</script>
静态方法
静态方法属于定义在jQuery函数上的方法，通过jQuery或者$直接调用的方法。
- each()： 遍历一个jQuery对象，为每个匹配元素执行一个函数。
var arr = [1,2,3,4,5];$.each(arr,function(index,value){console.log(index,value);});
- map()： 获取或设置元素集合中的值。
var arr = [1,2,3,4,5];$.map(arr,function(value,index){console.log(value,index);})
- holdReady()： 参数为True时，暂停ready入口函数执行；参数为False时，恢复运行。
<body><button>点我</button></body><script src=\"../jquery.js\"></script><script>var btn = document.getElementsByTagName(\"button\")[0];btn.onclick = function() {alert(\"btn\");//恢复ready执行$.holdReady(false);}//暂停ready执行$.holdReady(true);$(document).ready(function(){alert(\"jquery\");})</script>
- get()： 返回所有匹配的DOM节点，这些节点包含在一个标准的数组中。
- toArray()： 返回一个包含jQuery对象集合中的所有DOM元素数组。
- trim()： 去除字符串两端的空格。
- isArray()： 判断传入的对象是否是数组，返回true/false。
- isFunction()： 判断传入的对象是否是一个函数，返回true/false。
- isWindow()： 判断传入的对象是否是window对象，返回true/false。
- eq(index)： 指示元素的索引。当为负数时从集合中的最后一个元素开始倒数，返回指定索引位置上的jQuery对象。
- slice() ： 根据指定的下标范围，过滤匹配的元素集合，并生成一个新的jQuery对象。
