jQuery是一个兼容多浏览器的javascript的库,其重要优点凸显在兼容多浏览器。
jQ选择器
ID选择器$(“#box”);
类名选择器:$(“.box”);
标签选择器:$(“div”);
通配符选择器:$(“*”);
群组选择器:$(“div, p, a”);
后代选择器:$(“#box p”);
注 this为dom节点为了使其也成为伪数组应加$(this)
JQ 操作dom属性
attr 一般操作自定义属性
$(‘.box‘).attr(‘name‘,‘test1‘)
为类名为box的元素设置name属性,属性值为test1
$(‘.box‘).attr(‘name‘);
返回第一个类名为box的元素的name属性
注意jq中的设置方法一般都可以为全部选中的元素设置,也就是说atrr方法内部自带了循环操作/而获取方法一般只能 获取第一个选中的元素
removeAttr(name):从每一个匹配的元素中删除一个属性
$(‘.box‘).removeAttr(‘name‘)
删除所有类名为box的name属性
prop与attr用法几乎一致,一般用来操作基本属性。
jq中操作类名
addClass(class) :为每个匹配的元素添加指定的类名。
removeClass(class) :从所有匹配的元素中删除指定的类。
toggleClass(class):如果存在(不存在)就删除(添加)一个类。
$(‘.box‘).addClass(‘item‘)
$(‘.box‘).removeClass(‘item‘)
$(‘.box‘).toggleClass(‘item‘)
jq 中只有一个方法$(‘.box‘).css()
$(‘.box‘).css(‘width‘,100)
//将类名为box的元素宽度设置为100
$(‘.box‘).css(‘width‘)
//获取第一个类名为box的元素的宽度
jQ操作内容
html():获取或者设置元素的html内容
text():获取或者设置元素的文本内容
val():获取或者设置输入框的内容
$(‘.box‘).html();//获取
$(‘.box‘).html(‘aaa‘)//设置
$(‘.box‘).text();//获取
$(‘.box‘).text(‘aaa‘);//设置
$(‘.ipt‘).val();//获取
$(‘.ipt‘).val(‘aaa‘);//设置
jQ的一些基本用法(1)
原文:https://www.cnblogs.com/whl0919/p/11208960.html