-
dom中有个概念的区分:Attribute和Property翻译出来都是“属性”,《js高级程序设计》书中翻译为“特性”和“属性”。简单理解,Attribute就是dom节点自带的属性
例如:html中常用的id、class、title、align等:
<div id="immooc" title="慕课网"></div>
而Property是这个DOM元素作为对象,其附加的内容,例如,tagName, nodeName, nodeType,, defaultChecked, 和 defaultSelected 使用.prop()方法进行取值或赋值等
获取Attribute就需要用attr,获取Property就需要用prop
查看全部 -
id选择器
id的唯一,只选择到了第一个匹配的id为imooc(后面有id为imooc都不选)
查看全部 -
$a = 1;
echo $a; // 1
echo "$a"; // 1
echo '$a'; // $a
双引号会搜索引号内的内容是不是有变量,有则输出其值,没有则输出原有内容。所以输出纯字符串的时候用单引号比双引号效率高,因为省去检索的过程查看全部 -
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title></title>
<script src="https://code.jquery.com/jquery-1.11.3.js"></script>
</head>
<body>
<div>元素一</div>
<div>元素二</div>
<div>元素三</div>
<script type="text/javascript">
// var $div = $('div'); //jQuery对象
// var div = $div[0]; //转化成dom对象 //或者var div = $div.get(0)通过get方法,转化成DOM对象
// div.style.color = 'red'; //操作dom对象的属性
// var $div = $('div'); //jQuery对象
// $div[0].style.color = 'red'; //转成dom对象用 选择器.style.color
var $div = $('div'); //jQuery对象
$div.eq(0).css('color','red'); //jQuery对象 用eq()获取下标 用 选择器.css('color','red')
</script>
</body>
</html>
查看全部 -
DOM 文档对象模型 Document Object MOdel for HTML
查看全部 -
jQuery优点:
容易上手
强大的选择器
解决浏览器的兼容
完善的事件机制
出色的Ajax封装
丰富的UI
链式操作
回调函数
迭代器
延迟对象
队列......
查看全部 -
.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()都可以使用回调函数的返回值来动态的改变多个元素的内容。
查看全部 -
attribute选取拥有某属性的元素
attribute = value选取属性的值为value的元素
attribute != value选取属性值不等于value的元素
attribute^ = value选取属性的值以value开始的元素
attribute $= value选取属性的值以value结尾的元素
attribute *= value选取属性的值中含有value的元素
attribute |= value选取属性值等于value或者以value为前缀(value后跟一个连字符"-")的元素。
attribute ~ = value选取属性用空格分隔的值中包含有vaue的元素
[attribute 1][attribute2 ]...[attributeN ]基于属性选择器合并的复合属性选择器,满足多个条件妹妹选择一次,范围缩小一次。
查看全部 -
可见性筛选选择器:
$(":hidden") 匹配所有不可见元素,或type为hidden的元素 $(":visible") 匹配所有可见元素
几种方式可以隐藏一个元素:
CSS display的值是none。
type="hidden"的表单元素。
宽度和高度都显式设置为0。
一个祖先元素是隐藏的,该元素是不会在页面上显示
CSS visibility的值是hidden
CSS opacity的指是0
查看全部 -
$(":contains('Runob')") 包含 Runob文本的元素 $(":empty") 不包含子元素或者文本的空元素 $(":has(selector)") 含有选择器所匹配的元素 $(":parent") 含有子元素或者文本的元素
查看全部 -
id选择器:跟css的id选择器一样
查看全部 -
通过$(div)方法转化成jQuery对象,通过调用jQuery对象中的first与css方法查找第一个元素并且改变其颜色
查看全部 -
如果用的不是连字符“-”而是下划线该怎么办? 是没有还是可以用“下划线”+“=”? 以及尽量少用下划线写类?查看全部
-
.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()都可以使用回调函数的返回值来动态的改变多个元素的内容。
查看全部 -
元素选择器:$("element")
搜索指定元素标签的所有节点,这是一个合集的操作。
查看全部
举报