-
nth-child(index)从1开始的，而eq(index)是从0开始的
查看全部 -
$(参数)是一个多功能的方法，通过传递不同的参数而产生不同的作用
查看全部 -
3.9难，继续学习查看全部
-
//给所有的div统一增加边框
$('div').addClass('addBorder')
//class=left下div元素增加一个新的样式，增加背景颜色
$('.aaron').addClass('newClass')
//通过css覆盖addClass方式设置背景色
$('.aaron').css({
'background':'yellow'
})
查看全部 -
通过.css方法设置的样式属性优先级要高于.addClass方法
总结：
.addClass与.css方法各有利弊，一般是静态的结构，都确定了布局的规则，可以用addClass的方法，增加统一的类规则 如果是动态的HTML结构，在不确定规则，或者经常变化的情况下，一般多考虑.css()方式
查看全部 -
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript" src="jquery/jquery-3.3.1.min.js"></script>
<style type="text/css">
</style>
</head>
<body>
<div id="a">
<p>asd</p>
</div>
<div class="b">
<p>azvszx</p>
</div>
<div>
<p>jmh</p>
</div>
<button type="button" onclick="q()">全选择器</button>
<button type="button" onclick="f()">
类选择器、元素选择器、id选择选择器</button>
<button type="button" onclick="v()">
清除样式</button>
<script type="text/javascript">
function v(){
$('*').removeAttr("style");
}
function f(){
$("#a").css("border","3px solid red");
$(".b").css("border","3px solid red");
$("p").css("color","blue");
}
function q(){
var elements1 = document.getElementsByTagName('*');
var elements2 = $('*');
if(elements1.length === elements2.length){
elements2.css("border","1px solid pink");
}
}
</script>
</body>
</html>
查看全部 -
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript" src="jquery/jquery-3.3.1.min.js"></script>
</head>
<body>
<div>1</div>
<div>2</div>
<div>3</div>
<script type="text/javascript">
var $div = $("div");
var div = $div.get(0);
div.style.color = "red";
</script>
</body>
</html>
查看全部 -
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript" src="jquery/jquery-3.3.1.min.js"></script>
</head>
<body>
<script type="text/javascript">alert($)</script>
</body>
</html>
查看全部 -
$("div").?(function(index,className) { // $("div")是一个类数组对象，index是这个类数组对象索引，className是这个类数组对象的当前类名
if(-1 !== className.indexOf('imooc')){ // 判断当前对象的类名是否包含了"imooc"字符串，如果是，执行if中的代码
$(this).addClass('imoocClass') // $(this)指的的就是当前对象,为当前对象添加新的类名
}
});查看全部 -
//单个select，返回第一个
$("p").text( $("#single").val() )
//多个select被选择，返回["imocc", "博客园"]
$("p").text( $("#multiple").val() )
//选择一个表单，修改value的值
$("input[type='text']").val('修改表单的字段')
查看全部 -
.html(),.text()和.val()的差异总结：
.html(),.text(),.val()三种方法都是用来读取选定元素的内容；只不过.html()是用来读取元素的html内容（包括html标签），.text()用来读取元素的纯文本内容，包括其后代元素，.val()是用来读取表单元素的"value"值。其中.html()和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上；另外.html()方法使用在多个元素上时，只读取第一个元素；.val()方法和.html()相同，如果其应用在多个元素上时，只能读取第一个表单元素的"value"值，但是.text()和他们不一样，如果.text()应用在多个元素上时，将会读取所有选中元素的文本内容。
.html(htmlString),.text(textString)和.val(value)三种方法都是用来替换选中元素的内容，如果三个方法同时运用在多个元素上时，那么将会替换所有选中元素的内容。
.html(),.text(),.val()都可以使用回调函数的返回值来动态的改变多个元素的内容。
查看全部 -
jQuery 方法 attr()，提供回调函数。回调函数由两个参数：被选元素列表中当前元素的下标，以及原始（旧的）值。然后以函数新值返回希望使用的字符串。 因此代码中的：
$("input:eq(2)").attr('value',function(i, a){
return '通过function设置' + a
})查看全部 -
attr()有4个表达式
attr(传入属性名)：获取属性的值
attr(属性名, 属性值)：设置属性的值
attr(属性名,函数值)：设置属性的函数值
attr(attributes)：给指定元素设置多个属性值，即：{属性名一: “属性值一” , 属性名二: “属性值二” , … … }
查看全部 -
可以在dom对象上存储临时数据，键值对型数据
值可以是数组或者单一值
可以通过$.(元素，键，值)或者jquery对象.来设置或者获取对象中的属性值，这个data应该可以理解为对象的域，就像是web中request请求域差不多吧
查看全部 -
addClass适合于在不经常变化的页面，css()方法适合于动态的HTML结构，在不确定规则，或者经常变化的情况下。
查看全部
举报