jQuery碎片
1,DOM通缉
创新互联建站是一家专注于成都网站制作、成都做网站与策划设计,冷水滩网站建设哪家好?创新互联建站做网站,专注于网站建设10余年,网设计领域的专业建站公司;建站业务涵盖:冷水滩等地区。冷水滩做网站价格咨询:18980820575
a、css选择器(4类):tag 标签名 | .class 类名 | #id 唯一标识 | *
b、组合选择器:
并列组合:s1s2 匹配s1和s2
s1,s2 匹配s1或者s2
s1:not(s2)匹配s1但不匹配s2
层级组合:s1 s2 匹配s2且存在祖先结点匹配s1
s1:has(s2)匹配s1且存在子孙节点匹配s2
s1 > s2 匹配s2且父节点匹配s1
s1 + s2 匹配s2且前驱节点匹配s1
s1~s2 匹配s2且上文有兄弟节点匹配s1
c、伪类选择器:
索引::first 第一个、:last 最后一个、:even 偶数的、:odd 奇数的、:eq() 等于、:lt() 小于、:gt() 大于
内容::contains()、:empty、:parent、:header、:animated
状态::hidden、:visited、:enabled、:disabled、:checkde、:selected
父子::nth-child(…)、:first-child、:last-child、:only-child
表单::input、:text、:password、:radio、:checkbox、:file、:button 、:submit、:reset、:p_w_picpath
d、属性过滤器:
[属性=值] :存在特定属性,且属性值等于特定值
[属性!=值] :存在特定属性,且属性值不等于特定值
[属性^=值]:存在特定属性,且属性值以特定值开始
[属性$=值]:存在特定属性,且属性值以特定值结束
[属性*=值] :存在特定属性,且属性值包含特定值
2,事件绑定
a、传统的事件绑定有三种方式:
直接绑定匿名函数。例:var btn = document.getElementById(“#btnSubmit”);btn. alert(“hi!”);}
°参数:事件响应函数,通常用匿名函数。$(“#btnSubmit”).click(function(){ alert(“hi!”);});
c、jQuery 对象的 bind(…)方法也可以绑定事件。
$(“#btnSubmit”).bind(“click”,function(){ alert(“hi!”);});
a、css(name):参数 name :样式名。功能:返回 jQuery 对象首个元素的 name 样式定义。
d、vheight()、width() 返回第一个DOM元素的高度像素值。如果带参数,则设置 height 样式为相应值。
e、show()、hide()°显示所有 DOM 元素。°可带一个整数参数 d,实现 d 毫秒内显示的特效。°第二个参数可选,为特效完成时的回调函数。
f、toggle():所有DOM元素在显示与隐藏之间来回切换。
g、text()、text(value)°读取第一个DOM 元素的关联文本值、设置 innerText = value。
h、html()、html(value)°读取第一个 DOM 元素的 innerHTML 值。设置innerHTML = value
a、find (expr) °参数expr :选择器 °功能:生成当前对象副本,但是从每个DOM 元素内部再次匹配检索器 expr 。
b、size () 或 length () °功能:返回DOM 元素总数。
e、is (expr) °参数expr:选择器功能:判断是否至少有一个DOM 元素符合选择器 expr 。
f、append (text)°参数 text :待添加的文本。°功能:向每个 DOM 元素内部结尾处添加指定文本。
j、prepend (text)°功能:向每个 DOM 元素内部开始处添加指定文本。
h、before (text)、after (text)°功能:向每个 DOM 元素之前(后)插入指定文本。
i、add (html)°参数 html :创建元素的 HTML 代码。°功能:动态添加新元素。
g、remove (expr)°功能:生成当前对象副本,但移除匹配 expr (选择器)的 DOM 元素。
k、empty()°功能:生成当前对象副本,但移除所有DOM 元素。
a、AJAX 是一种流行的 B/S 技术,其中包含三个要点:°A = 异步操作,也即先加载后处理;°J = Javascript 脚本;°X = XML ,目前出现了 JSON 与之抗衡。
b、jQuery 为 AJAX 提供了两个层次的访问函数,以及 6 种状态事件:
°高级函数:$.get (url, params, callback);$.post (url, params, callback); load (url, params, callback);
°状态事件:ajaxSuccess、ajaxError、ajaxComplete、ajaxSend、ajaxStart、ajaxStop、
c、$.get(url , p , fn)、$.post(url , p , fn , type)
°功能:返回包含远程响应数据的XMLHttpRequest 对象。参数键都是可选的,默认值可通过$.ajaxSetup (opt) 设置。
°例如:$(“div”)[0] ; $(“div”).get(0)
°其次,jQuery 对象不能使用 DOM 方法,反之亦然。
°例如:$(“div”).html() ; $(“div”)[0].innerHTML
文章标题:jQuery碎片
浏览地址:http://ybzwz.com/article/gegcio.html