JQUERY常用方法总结

2019-11-04  本文已影响0人  王雪浩_强化班

## 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);  ```

上一篇下一篇

猜你喜欢

热点阅读