Jquery一些笔记

【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用法:返回某个指定的字符串值在字符串中首次出现的位置

时间: 2024-10-05 04:26:04

Jquery一些笔记的相关文章

jQuery学习笔记(一):入门

jQuery学习笔记(一):入门 一.JQuery是什么 JQuery是什么?始终是萦绕在我心中的一个问题: 借鉴网上同学们的总结,可以从以下几个方面观察. 不使用JQuery时获取DOM文本的操作如下: 1 document.getElementById('info').value = 'Hello World!'; 使用JQuery时获取DOM文本操作如下: 1 $('#info').val('Hello World!'); 嗯,可以看出,使用JQuery的优势之一是可以使代码更加简练,使开

Js脚本之jQuery学习笔记(1)

Js脚本之jQuery学习笔记(1) 一.javascript基础 单行注释 多行注释 /* */ 数据类型 数值型 字符串型 布尔型 空值 未定义值 转义字符 函数定义:1234567891011121314<head><script language="javascript"function test(m){var xixi="嘻嘻"alert("这是javascript")document.write(xixi + m)}

jQuery学习笔记--JqGrid相关操作 方法列表(上)

1.获得当前列表行数:$("#gridid").getGridParam("reccount"); 2.获取选中行数据(json):$("#gridid").jqGrid('getRowData', id); 3.刷新列表:$(refreshSelector).jqGrid('setGridParam', { url: ''), postData: ''}).trigger('reloadGrid'); 4.选中行:$("#jqGrid

jQuery学习笔记10:Ajax技术

jQuery 库拥有完整的 Ajax 兼容套件.其中的函数和方法允许我们在不刷新浏览器的情况下从服务器加载数据. jQuery 采用了三层封装:最底层的封装方法为:$.ajax(),而通过这层封装了第二层有三种方法:.load().$.get()和$.post(),最高层是$.getScript()和$.getJSON()方法. 函数 描述 jQuery.ajax() 执行异步 HTTP (Ajax) 请求. .ajaxComplete() 当 Ajax 请求完成时注册要调用的处理程序.这是一个

jQuery整理笔记七----几个经典表单应用

1.文本框获得(失去)焦点 当文本框获得输入焦点时,将该文本框高亮显示,算不得一个应用,仅仅是一个小技巧,能够提高用户体验. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/

jQuery学习笔记之过滤器三(向上查找兄弟元素、向下查找兄弟元素)

向上查找兄弟元素的方法:prev方法.prevAll方法.prevUntil方法 向下查找兄弟元素:next方法.nextAll方法.nextUntil方法 向上查找兄弟元素 1.prev方法 2.prevAll方法 3.prevUntil方法 向下查找兄弟元素 1.next方法 2.nextAll方法 3.nextUntil方法 jQuery学习笔记之过滤器三(向上查找兄弟元素.向下查找兄弟元素)

jQuery整理笔记八----jQuery的Ajax

Ajax,我一直读的是"阿贾克斯",据当时大学老师讲该读音出处是根据当年风靡欧洲的荷兰足球俱乐部阿贾克斯的名字来的,我觉得说法挺靠谱的. jQuery封装了Ajax的交互过程,用户不需要考虑XMLHttpRequest对象的兼容性问题以及使用XMLHttpRequest建立连接.发送请求.发送方式.接收方式等细节,利用jQuery定义 的几个简单方法,即可轻松实现客户端与服务端异步通信的问题,从而帮助开发人员从繁琐的技术细节中解脱出来,专心于业务层开发工作. 最初始的JavaScrip

jquery练习笔记

<!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title></title> <style> #pannel { position:relative; width:100px; height:100px; b

jQuery 入门笔记1

jQuery是一个兼容多浏览器的javascript框架,核心理念是write less,do more(写得更少,做得更多). 1:jQuery使用 <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("#

jQuery整理笔记目录

jQuery整理笔记目录 jQuery整理笔记一----jQuery开始 jQuery整理笔记二----jQuery选择器整理 jQuery整理笔记三----jQuery过滤函数 jQuery整理笔记四----jQuery操作DOM jQuery整理笔记五----jQuery事件 jQuery整理笔记六----jQuery动画 jQuery整理笔记七----几个经典表单应用 jQuery整理笔记八----jQuery的Ajax jQuery整理笔记九----功能性表格开发 jQuery整理笔记目