【jq练习】基本选择器

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>ID选择器</title><script src="js/JQ.js"></script><script>$(function(){$("#ok").css("color","red");})//把以上jq还原成js，按如下写（窗口事件函数那一行都可不要，直接声明。）：//window.onload ＝ function(){//var oID＝document.getElementsById('ok');//oID.style.color＝ 'red';//}</script></head><body><div>有耳莫洗颍川水，有口莫食首阳蕨。含光混世贵无名，何用孤高比云月？</div><p>吾观自古贤达人，功成不退皆殒身。子胥既弃吴江上，屈原终投湘水滨。</p><span>陆机雄才岂自保？李斯税驾苦不早。华亭鹤唳讵可闻？上蔡苍鹰何足道？</span><div id="ok">君不见吴中张翰称达生，秋风忽忆江东行。且乐生前一杯酒，何须身后千载名？</div></body>
</html>

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>元素选择器</title><script src="js/JQ.js"></script><script>$(function(){$("div").css("color","red");})</script></head><body><div>有耳莫洗颍川水，有口莫食首阳蕨。含光混世贵无名，何用孤高比云月？</div><p>吾观自古贤达人，功成不退皆殒身。子胥既弃吴江上，屈原终投湘水滨。</p><span>陆机雄才岂自保？李斯税驾苦不早。华亭鹤唳讵可闻？上蔡苍鹰何足道？</span><div>君不见吴中张翰称达生，秋风忽忆江东行。且乐生前一杯酒，何须身后千载名？</div></body>
</html>

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>Class选择器</title><script src="js/JQ.js"></script><script>$(function(){$(".no").css("color","red");})//把以上jq还原成js，按如下写（窗口事件函数那一行都可不要，直接声明。）：//window.onload ＝ function(){//var no＝document.getElementsByClassName('no');//no.style.color＝ 'red';//}</script></head><body><div>有耳莫洗颍川水，有口莫食首阳蕨。含光混世贵无名，何用孤高比云月？</div><p class="no">吾观自古贤达人，功成不退皆殒身。子胥既弃吴江上，屈原终投湘水滨。</p><span class="no">陆机雄才岂自保？李斯税驾苦不早。华亭鹤唳讵可闻？上蔡苍鹰何足道？</span><div id="ok">君不见吴中张翰称达生，秋风忽忆江东行。且乐生前一杯酒，何须身后千载名？</div></body>
</html>

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>群组选择器</title><script src="js/JQ.js"></script><script>$(function(){$("div,p,span").css("color","red");})//把以上jq还原成js，按如下写（窗口事件函数那一行都可不要，直接声明。）：//window.onload ＝ function(){//var div＝document.querySelectorAll('no');//div.style.color＝ 'red';//}</script></head><body><div>有耳莫洗颍川水，有口莫食首阳蕨。含光混世贵无名，何用孤高比云月？</div><p class="no">吾观自古贤达人，功成不退皆殒身。子胥既弃吴江上，屈原终投湘水滨。</p><span class="no">陆机雄才岂自保？李斯税驾苦不早。华亭鹤唳讵可闻？上蔡苍鹰何足道？</span><div id="ok">君不见吴中张翰称达生，秋风忽忆江东行。且乐生前一杯酒，何须身后千载名？</div></body>
</html>

【jq练习】基本选择器相关推荐

jQuery学习之二---jq核心
还是那句话,我在这边只选择一些我已经看懂的,不能传播错误信息不是吗,哈哈,然后就是我个人觉得比较重要的,OK,下面开始学习,加油啊,一起加油! jQuery核心函数 1.jquery([selecto ...
《JQuery 能干点啥~》第8讲 XPath选择器
今天讲另外一种选择器,xpath选择器至于什么是xpath 大家自己百度下吧这里要说的是在 JQ 中 xpath选择器其实就是一种通过便签属性来选择元素的一种选择器 ----------- ...
jQuery基础：选择器、动画、DOM操作和事件等
本文笔记基于「千古壹号」的GitHub项目:https://github.com/qianguyihao/web 文章目录 *1.选择器 1.1 DOM和jQuery比较 1.2 隔行变色 1.3 层 ...
web前端学习day_04:jQuery框架
jQuery框架作用:给页面添加动态效果(和js一样),目的是为了提高原生JavaScript代码的开发效率 jQuery就是一个通过js语言所以写的框架由于jQuery框架就是js语言所写,引入 ...
大数据互联网架构阶段 Java爬虫
Java爬虫一 . 爬虫简介 http://www.lete.com , 乐贷网其实就是爬虫的简单应用 ,发送一个商品连接 , 获取商品信息目标爬取京东所有商品的信息封装在自己的Item实体类 ...
Dom4j使用Xpath语法读取xml节点
<span style="font-size: small;" mce_style="font-size: small;">package com. ...
带你玩转JavaWeb开发之四 -如何用JS做登录注册页面校验
今日内容使用JQuery完成页面定时弹出广告使用JQuery完成表格的隔行换色使用JQuery完成复选框的全选效果使用JQuery完成省市联动效果使用JQuery完成下列列表左右选择使用J ...
JS修改标签的css样式
JS修改标签的css样式例:<span id='name'></span> js中修改id为name的span的样式 var name= document.getElemen ...
Day442443444445446447448.K8s -谷粒商城
K8s 分布式编排管理集群的系统一.K8s快速入门 1.简介 kubernetes简称k8s.是用于自动部署,扩展和管理容器化应用程序的开源系统. 中文官网:https://kubernetes.i ...
第一次使用框架-amaze UI
第一次使用框架开发感觉确实比自己手写代码简单多了这次接触到的是amaze UI 类似于bootstrap 不过比bootstrap更加轻量级可以用来开发响应式网站,并且是移动优先的,针对移动设备 ...

【jq练习】基本选择器

【jq练习】基本选择器相关推荐

最新文章

热门文章