Jquery笔记

Jquery笔记

 

jQuery是一个JavaScript库

使用方式为将J Query下载下来然后导入项目中，使用script标签进行引用

 

<script src="jquery-1.9.1.min.js"></script>

选择器都是以美元💲这个符号为开头即💲（）

而原生标签为getElementById() 

 

jQuery选择器我们目前学到三种分别为

标签选择器 

使用方法：§ ("ul"') .css ("background-color", "red") ;

§ ("li"'). css ("background-color", "yellow") ;

类选择器

使用方法：document.write ("(br/>");

S (".item") .css ("background-color", "red") ;

ID选择器

使用方法：<button>按钮1</button>

                    <button id="btn">按钮2</button>

                    <button>按钮3</button>

 

                     $('#btn').css('background', 'red');

使用标签选择器做全局加载

另一种方式

获取属性

text() - 设置或返回所选元素的文本内容

html() - 设置或返回所选元素的内容（包括 HTML 标记）

val() -设置或返回表单字段的值

 

设置或返回被选元素的属性值

.attr()

1.**.attr()**的四种用法

大致用法:

 

调用形式:$(“xxx”).attr(attrName);

获取匹配到的所有元素中的第一个元素的指定属性的属性值.

调用形式:$(“xxx”).attr(attrName,value):

设置/新增匹配到的所有元素的指定属性的属性值

如果value=null,指定属性将被删除

调用形式:$(“xxx”).attr(attrObject):

用"属性-值"的键值对构成的对象来设置匹配到的所有元素的一个或多个属性.

调用形式:$(“xxx”).attr(attrName,attrFn(index,val)):

用一个函数attrFn的返回值作为value来设置某一个匹配元素的指定属性.(attrFn函数的参数有明确规定:index–该匹配元素在jQuery对象中的index值,也就是它的键值.attr–当前该元素的该属性的值(旧值))

.prop

prop()函数

 

获取和设置HTML元素本身就带有的固有属性时使用.

具有true和false两个属性的属性,如checked,selected或者disabled时使用.

.remove 

 

 .remove()方法：使用该方法可以在Html DOM中删除当前选择的元素及期该元素下的所有子元素全部删除。