## 1. $().delegate(selector,[type],[data],fn) #### 指定元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定这是事件发生时运行的函数 ```js $("body").delegate("textarea","input",function(){ alert("检测到文本框输入"); }); ``` 代表含义 body内的子元素 textarea 输入时执行以下函数,弹出对话框## 2. val() #### 可以获取任意元素值 * 无参数 ``$("input").val()``获取文本框中的值 * 有参数 ``$("input").val("helloWorld")``设置文本框的值为helloWorld * 回调函数 ``$("input").val(function(){return this.value+"abc"});``## 3.text() * 无参数 ``$("p").text() ``获取p元素的内容 * 有参数 ``$("p").text("helloWorld") ``设置所有p元素的内容 * 回调函数 ``$("input").val(function(){return this.value+"abc"});``//设置所有p元素文本内容## 4. prop(name|properties|key,value|fn) #### disabled:残疾的 #### 设置/返回 属性状态 name:属性名称 properties:作为属性的名值对象 key,value:属性名称属性值 key,function(index,attr):属性名称,当前元素的索引值,原先的属性值 * name ``$("input[type='checkbox']").prop("checked");`` 选中为true,没选中为false * properties $("input[type='checkbox']").prop({disabled: true}); 禁用所有复选框 * key,value ``$("input[type='checkbox']").prop("disabled", false);`` ``$("input[type='checkbox']").prop("checked", true);`` * 回调函数 ``$("input[type='checkbox']").prop("checked", function( i, val ) { return !val; });`` 设置所有复选框被选中## 5.append(content|fn) #### 向每个匹配元素中==追加==内容 ``$("p").append("<b>Hello</b>");`` ==注意:引号的格式``"<a href=\"javaScript:;\" class=\"top\">0</a>"``==## 6.parent/parents * parent:取得一个包含所有匹配元素的唯一父元素的集合 * parents:匹配一个所有匹配元素的元素集合 ``$("span").parents("p");``## 7.remove() * 删除所有p标签 ``$("p").remove();`` * 删除指定类的p标签 ``$("p").remove(".abc");``## 8.trim() #### 去除字符串两侧空格 ```js var str=" 111 "; var a=$.trim(str); console.log("---"+str+"---"); console.log("---"+a+"---"); ```## 9.isArray(); #### 判断传入是否是真数组 `` var boolean=$.isArray(arr);``## 10.holdReady() #### 暂停恢复ready()函数 $.holdReady(true);代表暂停 $.holdReady(false);代表恢复# ==11~14为内容选择器==## 11.:contains(text); #### 匹配包含给定文本的元素 ```js var $a=$("div:contains('我是div')"); console.log($a); ```## 12.:empty #### 匹配所有无子元素和内容的指定元素 ```js var $a=$("div:contains('我是div')"); console.log($a); ```## 13.:parent #### 匹配含子元素或文本的元素 ```js var $a=$("div:contains('我是div')"); console.log($a); ```## 14.:has(selector) #### 找到含有相应子元素的元素 ```js var $a=$("div:has('p')"); console.log($a); ```
JQUERY常用方法总结
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...