JQuery学习笔记(一) 核心函数
一、jquery的核心函数
$(expression,[context])
expression:用来查找的字符串
context:可选,作为查找的Dom元素集,文档或jquery对象
例子:$("div>p") 查找所有P元素,并且这些元素必须是div元素的子元素 <div><p></p></div>
以此类推:$("div>div>p") <div><div><p></p></div></div>
在文档的第一个表单中,查找所有的单选按钮(即: type 值为 radio 的 input 元素)。
$("input:radio",document.forms[0]) 在form1里面查找 type为radio的input元素
综上所诉: var divRadioList=$("div>input:radio",document.forms[0]); 是在form1里查找父元素为<div> 并且type为radio的input元素
$(html)
根据提供的原始html标记字符串,动态创建由jquery对象包装的dom元素
html(string):用于动态创建DOM元素的HTML标记字符串
$("<div>我是新增的张三</div>").appendTo(document.body); 根据html字符串创jquery对象,并添加至document.body元素中
错误:$("<div我是新增的李四</div>").appendTo(document.body) 也会根据html字符创建jquery对象,并添加至documnt.body元素中,但根据html无法正确解释此节点,因此不展示
$(element)
element dom元素
返回 封装后的jquery对象
$(document.body).css( "background", "black" ); 获取document.body元素将其转化为jquery对象,调用jquery对象方法 设置背景颜色
注:此地区分大小写 $(document.body).css( "backGround", "black" ); 无效
$(callback)
等价于$(document).ready(callback)
callback是回调函数,当document加载完毕时就会调用callback(fn) ,理论上可以$(element).ready(callback)