JQuery选择器操作
!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<script src="jquery-1.8.2.min.js"></script>
<script language="javascript">
//ready 事件的触发时机 ：在整个Html文本在浏览器加载完毕才会触发，图片之类的东西可能没显示出来 。
//相当于在</Html>之后写的脚本 **重要
$(document).ready(function () {
//alert("你好")
$("div div:contains(3)").click(function () {
//一基础过滤
//里面写div ,span是用标签选择器 里面写id 就用id选择器 还有些class==值 是用class 使用class选择器
//如果里面写div 空格div那就是查找 div里面的div（用空格是后代关系）
//div>div （查找父级是div的 div）
//.cc:first查找第一个.cc :first是第一个的意思 :last最后一个 :eq(索引号)找任意一个:lt(索引号)大于某个索引号 :gt(索引号) - 小于某个索引号
//:odd - 奇数个 :even - 偶数个:not(选择器)排除摸一个
//二属性过滤
//div[woqu] [属性名] - 选择拥有这个属性的元素 div[woqu=aaa] [属性名]找属性名等于某个值 [属性名!=aaa]找属性找属性名不等于某个值
//[属性名*=a] - 属性值中包含某个值 [属性名^=a] 属性值是以..开头 [属性名$=a] 属性值是...结尾
//三 内容过滤
//:has(span) - 开始与结束标记之间是否包含某类子元素，如果包含，就选择出来。
//:contains(3) - 开始与结束标记之间是否包含某段文字，如何包含就选择出来。
alert("你们好")//点击触发
}).mouseover(function () {
$(this).css("background-color", "red").css("font-size","48px");//this d等于是#dd 鼠标移动上去背景变成红色 mouseover 鼠标移动上去事件
}).mouseout(function () {
$(this).css("background-color", "white");//this d等于是#dd 鼠标移动下去背景变成白色 mouseout 鼠标离开事件
})
});//ready()是个事件 ，浏览器吧界面的Html代码加载完毕触发
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<div id="dd">
环妹
<div>
一天虐我千百遍
</div>
</div>
<div id="dd" woqu="aaa">
文超
</div>
<div id="dd"class="cc">
<span>1234</span>
小雨
</div>
<div id="dd">
阿辉
</div>
<div id="dd" class="cc">
大梅子
</div>
<div id="dd">
随便乱写
</div>
<span>
a 啊啊
<div>
第三层
</div>
</span>
</div>
</form>
</body>
</html>
JQuery选择器操作的更多相关文章
- 10种jquery选择器操作详解（转）
jquery选择器大体上可分为4 类: 1.基本选择器2.层次选择器3.过滤选择器4.表单选择器 其中过滤选择器可以分为:1.简单过滤选择器2.内容过滤选择器3.可见性过滤选择器4.属性过滤选择器5. ...
- jQuery选择器和DOM操作——《锋利的jQuery》（第2版）读书笔记1
第1章 认识jQuery jQuery有以下优势: 轻量级: 强大的选择器: 出色的DOM操作的封装: 可靠的事件处理机制: 完善的Ajax: 不污染顶级变量: 出色的浏览器兼容性: 链式操作方式: ...
- [每日一题jQuery] jQuery选择器总结：进一步过滤、同级操作、后代操作
jQuery选择器继承自CSS的风格,可以通过jQuery选择器找出特定的DOM元素,在此基础上对该元素做相应处理.jQuery不仅支持简单的标签选择器.类选择器.id选择器,还针对表单状态.子元素. ...
- 【如何使用jQuery】【jQuery弹出框】【jQuery对div进行操作】【jQuery对class，id，type的操作】【jquery选择器】
1.如何使用jQuery jQuery是一个快速.简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(或JavaScript框架).jQuery设计的宗旨 ...
- [转]jQuery 选择器和dom操作
居然是12年的总结.... 文章地址: http://www.cnblogs.com/happyPawpaw/articles/2595092.html JQuery选择器 1.基本选择器 基本选择器 ...
- jQuery 效果函数，jquery文档操作，jQuery属性操作方法，jQuerycss操作函数，jQuery参考手册-事件，jQuery选择器
jQuery 效果函数 方法 描述 animate() 对被选元素应用“自定义”的动画 clearQueue() 对被选元素移除所有排队的函数(仍未运行的) delay() 对被选元素的所有排队函数( ...
- JQuery选择器和DOM的操作-入门学习
嘿嘿,今天学习了JQuery,前面的一周都在学习javascript,今天学习了JQuery,虽然javascript的类库有很多个,例如:Prototype,Dojo,JQuery等,javascr ...
- Unit01： jQuery概述 、 jQuery选择器 、 jQuery操作DOM
Unit01: jQuery概述 . jQuery选择器 . jQuery操作DOM 使用jQuery放大字体: <!DOCTYPE html> <html> <head ...
- js进阶 11-18 jquery中操作选择器的方法有哪些
js进阶 11-18 jquery中操作选择器的方法有哪些 一.总结 一句话总结:add().addBack().end() 1.add()方法是干嘛的,举一例? 将add()方法后选择器选择的jqu ...
随机推荐
- 简单的方式实现javascript 小数取整
JS: function truncateNumber(n){ return n|0; } 測试: console.log(truncateNumber(12.345)); 浏览器打印出12
- Android事件模型之interceptTouchEvnet ,onTouchEvent关系正解
首先,看Android的官方文档正解 onInterceptTouchEvent()与onTouchEvent()的机制: 1. down事件首先会传递到onInterceptTouchEvent() ...
- perl 函数回调 引用$client->run(sub {$client->sync});
匿名函数引用: [root@wx03 wx]# perl a1.pl CODE(0x2077b30) test [root@wx03 wx]# cat a1.pl $ref= sub {return ...
- 基于visual Studio2013解决面试题之1102合并字符串
题目
- 挺苹果的声音，iPhone 5s的两处进步
苹果iPhone 5s发布后的两处重大进步让我很关注,但看了网上众多网友的点评,又深深的被中国当前手机发烧友圈的这种屌丝文化所震撼,这不是一条正确的道路,这将把中国的手机产业引向歧途,所以我不得不说几 ...
- Eclipse用法和技巧一：还原视图和编辑器
链接地址:http://blog.csdn.net/maybe_windleave/article/details/8763744 在实际使用eclipse过程中,由于经常关闭或者打开视图,某一刻你会 ...
- Java多线程-实例解析
Java多线程实例 3种实现方法Java中的多线程有三种实现方式:1.继承Thread类,重写run方法.Thread本质上也是一个实现了Runnable的实例,他代表一个线程的实例,并且启动线程的唯 ...
- Qt之多线程
源地址:http://blog.csdn.net/liuhongwei123888/article/details/6072320 Qt 是一种基于 C++ 的跨平台 GUI 系统,能够提供给用户构造 ...
- 将网站部署到服务器上出现_STORAGE_WRITE_ERROR_问题
用的thinkphp3.2的框架,在本地运行没有问题,部署到服务器上(基于centos的LAMP环境)即报错,报错信息如下(完全看不懂...):求大神帮帮忙~~~~(>_<)~~~~ :( ...
- Spring Boot 分布式Session状态保存Redis
在使用spring boot做负载均衡的时候,多个app之间的session要保持一致,这样负载到不同的app时候,在一个app登录之后,而打到另外一台服务器的时候,session丢失. 常规的解决方 ...