jQuery——选择器,操作DOM
来源:互联网 发布:无人机推荐 知乎 编辑:程序博客网 时间:2024/05/17 09:29
jQuery是一个轻量级的js库
选择器
- 基本选择器
- 元素选择器:$(“标签名”)
- 类选择器:$(“.class”)
- id选择器:$(“#id”)
- 选择器组:$(“#d1,.importent”)
添加一个+按钮,使段落的字体放大
function plus() { $("#p1").css("font-size","150%"); $("#img").width(function (n, c) { return c+10; })}<input type="button" value="+" onclick="plus();"/><p id="p1"> 利用jquery实现字体的放大</p><img id="img" src="img/red.JPG">
- 层次选择器
- 在select1元素下,选中所有满足select2的子孙元素:$(“select1 select2”)
- 在select1元素下,选中所有满足select2的子元素:$(“select1>select2”)
- 选中select1元素的,满足select2的下一个弟弟:$(“select1+select2”)
- 选中select1元素的,满足select2的所有弟弟:$(“select1~select2”)
- 过滤选择器
- 第一个元素 ——:first
- 最后一个元素——:last
- 把selector排除在外——:not(selector)
- 下标等于index的元素——:eq(index)
- 匹配包含给定文本的元素——:contains(text)
- 匹配属性等于value的元素——:[atribute=value]
- 匹配选中的checkbox——:checked
- 匹配选中的option——:selected
- 表单选择器
操作DOM
- 读写节点
- 读写HTML内容:obj.html()/obj.html(
"<p>123</p>"
) - 读写文本内容:obj.text()/obj.text(“123”)
- 读写节点的value属性值:obj.val()/obj.val(“abc”)
- 读写节点的属性值:obj.attr()/obj.val(“属性名”,”属性值”)
- 读写HTML内容:obj.html()/obj.html(
- 增删节点
- 创建节点:$(“节点内容”)
- 插入节点:parent.append(obj)作为最后一个子节点添加;brother.after(obj)作为下一个兄弟节点添加
- 删除节点:obj.remove()
- 清空节点:obj.empty()
样式操作
addClass(“”):追加样式
removeClass(“”):移除指定样式
css(“”,”“):设置多个样式
DOM与jQuery
- jQuery转DOM
var $v =$("#v") ; //jQuery对象var v1=$v[0]; //DOM对象var v2=$v.get(0); //DOM对象
- DOM转jQuery
var v=document.getElementById("v"); //DOM对象var $v=$(v); //jQuery对象
阅读全文
0 0
- jQuery——选择器,操作DOM
- jquery选择器,dom操作
- Jquery学习——选择器、DOM操作、动画
- jQuery概述 、 jQuery选择器 、 jQuery操作DOM
- jquery选择器大全 jquery 操作DOM
- jQuery选择器、操作DOM、事件、动画
- 2、jQuery操作Dom(过滤器与选择器)
- JQUERY Unit01: jQuery概述 、 jQuery选择器 、 jQuery操作DOM
- jQuery——DOM操作
- jQuery——操作DOM
- 【jQuery】jQuery操作DOM —— 示例
- js day43 Jquery入门(回顾js,Jquery选择器,dom操作)
- 服务器端(NodeJS)使用jQuery选择器操作DOM(HTML/XML)
- Web29. jQuery选择器 Dom操作 样式 事件处理 动画
- JQuery——DOM操作总结
- jQuery选择器—表单选择器
- jQuery学习笔记 — jQuery中的DOM操作
- JQuery总结:选择器归纳、DOM遍历和事件处理、DOM完全操作和动画
- 机器学习实战 支持向量机
- Ubuntu 14.04中docker入门之Tomcat
- git从码云上下载、更新、提交代码
- 简单的EF Code First
- 计算机角度的加减法
- jQuery——选择器,操作DOM
- 上海市2017落户政策
- Android H.265硬解码&EasyPlayerPro
- TEST()
- 牛客网_华为机试_001_字符串最后一个单词的长度
- 泛型
- HDU 2586 How far away ?
- 从事产品工作,这4大坑你避开了吗?
- 优化