diff --git "a/36\351\273\204\345\257\214\350\264\265/11-28-\346\223\215\344\275\234\345\261\236\346\200\247\344\275\234\344\270\232/11-28-\346\223\215\344\275\234\345\261\236\346\200\247\347\254\224\350\256\260.md" "b/36\351\273\204\345\257\214\350\264\265/11-28-\346\223\215\344\275\234\345\261\236\346\200\247\344\275\234\344\270\232/11-28-\346\223\215\344\275\234\345\261\236\346\200\247\347\254\224\350\256\260.md" new file mode 100644 index 0000000000000000000000000000000000000000..4e9b090e94e39d9bce753a19e4c390cee6503556 --- /dev/null +++ "b/36\351\273\204\345\257\214\350\264\265/11-28-\346\223\215\344\275\234\345\261\236\346\200\247\344\275\234\344\270\232/11-28-\346\223\215\344\275\234\345\261\236\346\200\247\347\254\224\350\256\260.md" @@ -0,0 +1,77 @@ +JQuery操作属性笔记 + +属性分类分为两种: + +1.固有属性 + +固有属性-->返回值是bool类型的属性(checked, selected, disabled....): true或false: + +2.自定义属性 + +查询固有属性方法attr(属性名) + +``` +console.log($('#aa').attr('name')); +``` + +返回是bool类型的属性:prop + +``` +console.log($('#aa').attr('checked')); //undefined +console.log($('#aa').prop('checked')); //false +``` + + + +对于自定义属性:只有attr才能定义属性,prop + +``` + $('#aa').attr('age',16); + $('#bb').attr('checked',true); +``` + +移除属性: + +``` +$('#aa').removeAttr('age'); +``` + +操作属性样式: + +``` +$('#conRed').attr('class','green'); +$('#conBlue').attr('class','green'); +$('#conBlue').addClass('pink'); +$('#conRed').addClass('red'); + + css(样式,样式值) + css({样式1:样式值, 样式2:样式值}) + $('#conRed').css('background','cyan'); + $('#conRed').css('color','red'); + $('#conRed').css({"background":"cyan", "color":"red"}) +``` + +操作属性内容: + +``` + +
+ 龙岩 + +
+ + + +``` +