Jquery一些笔记

Posted 2020-10-02 Wang_Sir

【1】|| 是逻辑
|| 是逻辑或，如果前一个表达式为true，就可以直接判定结果为true，从而不再执行后一个表达式；只有当前一个表达式为false时，才执行后一个表达式。
javascript中，null，0，undefined 都作为false。

【2】$.isFunction()方法
$.isFunction(obj)函数用于判断指定参数是否是一个函数。返回bool值

【3】unescape(string) 对字符串进行解码 。 返回解码后的string值

【4】hasClass() 方法检查被选元素是否包含指定的类名称。 返回bool值
例如：$("p").hasClass("intro") 检查<p>元素是否包含"intro"类

【5】event.target 属性返回哪个 DOM 元素触发了事件。

【6】parent是指取得一个包含着所有匹配元素的唯一父元素的元素集合。
parents则是取得一个包含着所有匹配元素的祖先元素的元素集合（不包含根元素）。可以通过一个可选的表达式进行筛选。
<div id=‘div1‘>
<div id=‘div2‘><p></p></div>
<div id=‘div3‘ class=‘a‘><p></p></div>
<div id=‘div4‘><p></p></div>
</div>

$(‘p‘).parent()取到的是div2,div3,div4
$(‘p‘).parent(‘.a‘)取到的是div3
$(‘p‘).parent().parent()取到的是div1，这点比较奇特；不过Jquery对象本身的特点决定了这是可行的。
$(‘p‘).parents()取到的是div1,div2,div3,div4
$(‘p‘).parents(‘.a‘)取到的是div3
【6】event.preventDefault();防止链接打开 URL：
【7】如$("div>ul a")，它的意思是div标签中的ul标签中的a标签
不过，$(‘div>ul‘)和$(‘div ul‘)是有区别的，
$(‘div>ul‘)是<div>的直接后代里找<ul>；
而$(‘div ul‘)是在<div>的所有后代里找<ul>。

【8】$.extend() 函数用于将一个或多个对象的内容合并到目标对象。
如：$.extend(obj1,obj2); 将obj2合并到obj1;
【9】在jquery中,遍历对象一般使用$().each,遍历数组使用$.each()两个方法
【10】eval(string) 执行string
【11】push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。
【12】prop方法获取是html本身带有的固定属性
attr方法是获取html元素我们自己定义的DOM属性 如id ,name
【13】js中 indexOf用法：返回某个指定的字符串值在字符串中首次出现的位置