随手记---JQuery

所有字符串参数都要加上引号:””
在JQuery中 ,大部分代码都是有复合属性。只写一个参数一般是获取,两个是设置。
获取多个用[] 括起来。设置多个用{} 括起来。

选择器:
选择器,直接用美元符号加上一个括号获取元素。$();
(1) 基本选择器
在括号内填写一个参数。是跟在css中输写选择器一样,ID前面加#,类前面加.,标签什么都不加。*是全选择器。

例如:<li id="HTML" class="html">HTML</li>
$(“#HTML”); $(“.html”); $(“li”); 三个分别是ID、类、标签。获取的都是同一个元素节点。
$(*);是全选择器。获取所有元素。

(2) 层次选择器
$(“ancestor descendant”) 后代选择器:选择给定的祖先元素的所有后代元素,一个元素的后代可能该元素的一个孩子,孙子,曾孙等
$(“parent > child”) 子选择器:parent的直接子元素
$(“prev + next”) 相邻兄弟选择器:匹配所有紧接在 prev 元素后的 next 元素
$(“prev ~ siblings”)一般兄弟选择器:匹配 prev 元素之后的所有 siblings 元素

属性与样式:
(1) attr(); 获取、设置属性值。三种写法:
1:一个参数,参数为需要获取的属性名。返回值是属性值。例如:attr(“name”); 意思是获取name属性的属性值。
2:两个参数,第一个参数为需要设置的属性名,第二个参数是属性名的值。例如:attr(“name”,”myname”); 意思是设置name属性的值为myname。
3:复合设置。attr({“name”:”myname”,”class”:”my”});
(2) removeAttr();移除属性。参数为需要移除的属性名。
(3) html(); 获取html内容。不给参数是获取匹配元素第一个元素的html值(整个html的文本结构)。给参数则是设置每一个匹配元素的html值。
(4) text();获取文本。不给参数是获取匹配元素(包括后代元素)的合并文本。给参数是设置匹配元素的文本。
(5) val();主要用于表单提交比如input文本框、select下拉框(多选框)、textarea文本域等。无参数获取匹配元素集合中第一个元素的当前值,一个参数设置匹配元素中每个元素的值。
(6) addClass();增加一个或多个类。
(7) RemoveClass();移除一个或多个类。
(8) ToggleClass();互斥逻辑,如果该类不存在就添加。如果存在就移除。
(9) css(); 一个参数获取,两个参数设置。跟上面的attr();一样的格式。

数据的处理:
jQuery.date();
1:取出数据:第一个参数数据源DOM,第二个参数数据名。
2:存储数据:第一个参数数据源,第二个参数数据名,第三个参数数据值。
.dete();跟上面一样。只是去掉第一个参数数据源。
jQuery.removeDate();两个参数。第一个参数数据源。第二个参数移除的数据名(选填若不填默认移除全部)。
.removeDate(); 跟上面一样。去掉数据源。

DOM节点:
(1) 直接用$(),创建节点。参数就是跟html书写格式一样。比如:

$(“<div class = ‘myclass’ name = ‘myname’> 创建节点</div>”); 

(2) 利用addend();与addendTo();追加内容到其内部。第一个前者对象后者内容,第二个与其相反。
(3) 利用prepend();与perpendTo();前置内容到其内部。
(4) 利用after();向匹配元素前面添加内容。利用before();向匹配元素后面添加内容。前者对象,后者内容。
(5) 利用insertAfter();把内容插入到元素之后。利用insertBefore()把内容插入到元素之前。前者内容后者对象。
(6) 利用empty();删除匹配元素的子元素。
(7) 利用remove();删除匹配元素。
(8) detach();与remove();一样,不过会遗留缓存副本,并不是完全删除。
(9) eq();从零开始。0就是第一个。1代表第二个。-1代表倒数第一个。
(10) frist(); 第一个。last();倒数第一个。

事件:
(1) load事件。页面载入事件。两种写法:
1:$(document).ready(function(){});
2:$(function($){});
(2) 1:click;鼠标点击事件。
2:dbclick;双击事件。
3:mousedown;鼠标按下事件。
4:mouseup;鼠标弹起事件。
5:mouseenter;鼠标进入事件 。
6:mouseleave;鼠标离开事件。

猜你喜欢

转载自blog.csdn.net/qq_41960373/article/details/87907534