jQuery 基础之1
jQuery 引入文件也是在body结尾部分,是在js文件的前面,始终获取出来的是对象集合,并可以直接使用对象集合
size()当前元素的个数的返回值的方法,有length属性
get返回的是原生dom对象
index获取当前的角标
each循环到数组中每一项的值
指定函数调用时this的值,this指向对象
call:fn.call(obj,1,2,3)
apply:fn.apply({test:'hello'},[4,5,6]);
data:给jQ附加数据(属性
romoveDada:移除数据
读取标签值: attr表示初始值 $('#btn').get(0).onclick=function(){
console.log($(#(input).attr(value))
}
prop代表标签的当前值
HTML:标签解析成真正的标签,会读取包含标签的内容
text:不包含标签的内容,标准浏览器
addClass:添加类名
romoveClass:移除类名
主要的 jQuery 函数是 $() 函数(jQuery 函数)。向该函数传递 DOM 对象,它会返回 jQuery 对象,带有向其添加的 jQuery 功能。
jQuery 可以 CSS 选择器来选取元素。
基础语法是:$(selector).action()
美元符号定义 jQuery
选择符(selector)“查询”和“查找” HTML 元素
jQuery 的 action() 执行对元素的操作
text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容(包括 HTML 标记)
val() - 设置或返回表单字段的值
attr代表标签的初始值
console.log($('#input').attr('value'));
prop代表当前的值
console.log($('#input').prop('value'));
链式写法
$('#box').css('width', 200).addClass('test').css('height', '300px');
设置样式 添加类名为test:addClass('test')