Jquery知识点
Jquery
$代表选择器
JS
选取元素
操作内容
操作属性
操作样式
<div id="aa" style="width:100px; height:100px;">11</div>
<div class="aa">22</div>
<span class="aa">33</span>
<input type="text" name="uid" aa="bb" id="cc" />
<input type="checkbox" value="1" id="dd" />
</body>
<script type="text/javascript">
//页面加载完成
$(document).ready(function(e) {
//页面加载完成之后执行
//JS
//找元素,DOM对象
//var a = document.getElementById("aa");
//alert(a);
//var a = document.getElementsByClassName("aa");
//alert(a[1]);
//var a = document.getElementsByTagName("div");
//var a = document.getElementsByName("uid");
//alert(a[0]);
//操作内容
//a.innerHTML //操作元素里面的html代码
//a.innerTEXT //操作元素里面的文本
//a.value //操作表单元素的值
//操作属性
//a.setAttribute("",""); //设置
//a.removeAttribute(""); //移除
//a.getAttribute(""); //获取
//操作样式
//a.style.backgroudColor = "red";
//Jquery
//找元素,Jquery对象
//var b = $("#aa"); //根据ID找
//alert(b[0]);
//var b = $(".aa"); //根据class找
//alert(b[1]); //找到的是DOM对象
//alert(b.eq(1)); //找到的是Jquery对象
//var b = $("div"); //根据标签名找
//alert(b[0]);
//var b = $("[id='aa']"); //根据属性找
//alert(b[0]);
//操作内容
//非表单元素
//b.html(); //操作元素里面的HTML代码
//b.text(); //操作元素里面的文本
//表单元素
//b.val("hello");
//操作属性
//设置属性
//b.attr("bs","test");
//获取属性
//alert(b.attr("aa"));
//移除属性
//b.removeAttr("aa");
//b.prop("checked",false);
//操作样式,可以获取内嵌的样式
//b.css("background-color","red");
//alert(b.css("width"));
//alert(b.css("background-color"));
Jquery知识点的更多相关文章
- jQuery知识点总结(第二天)
今天继续从我的笔记上面搬运.我们不产生知识,只是知识的搬运工. 内容过滤选择器: ○ 内容选择过滤器 $("div ...
- jQuery知识点总结(第一天)
整理笔记前的题外话: 我认为互联网的高速发展其中最为主要的一点就是——开源. 开源精神,使得无数的IT爱好者贡献所学,将自己的智慧结晶无偿奉献给大家.后辈的学习者在混沌的互联网世界里,追寻着前辈们留下 ...
- Asp.Net 之Jquery知识点运用
1.先把要用的body内的代码写好. <div id="ulBox"> <h3>下面的Ulid为"ulList1"</h3> ...
- JQuery知识点总结
一. 1.JavaScript是Netscape公司开发的一种脚本语言(scripting language).JavaScript的出现实现了使得网页和用户之间实时的,动态的和交互的关系,使网页包含 ...
- Jquery知识点梳理
Jquery $代表选择器 JS 选取元素 操作内容 操作属性 操作样式 <div id="aa" style="width:100px; height:100px ...
- jQuery知识点一 each()和toggleClass()
jQuery的一些东东比较容易忘,所以在这里整理一下... ... 1. each (1) $(selector).each(function(index,element)) inde ...
- JQUERY 知识点的自我总结
一.名词释义 1 .js的入口函数:要等待文档树的加载完成,并且等待所有图片.文件都加载完成之后才开始执行. 2 .jquery入口函数会等待文档树的加载完成,并不会等待图片还有文件的加载 3 .j ...
- jQuery知识点总结(第六天)
今天工作繁忙,晚上又和所谓的'朋友',吃了自助烧烤. 但我内心是很抗拒的,不知为了什么,竟然稀奇古怪的答应了下来,竟要去吃饭.我向来不喜欢去凑热闹,特别是和志趣不投的人在一起吃,对方所说的话,自己根本 ...
- jQuery知识点总结(第五天)
节点的操作和数据库操作一样,无非是增.删.改.查. 今天总结删除节点.复制节点.替换节点.与包裹节点 删除节点: 如果文档中一个元素多余,那么就需要删除掉.jQuery提供了三种删除节点的方法.分别是 ...
随机推荐
- My97 DatePicker 日期选择插件.
My97DatePicker是一个纯js写的时间插件,体积较小,更可以自己扩展皮肤,且样式不和页面相冲突,有多钟配置,近期项目用了一下感觉还不错...分享给大家 软件官网:http://www.my9 ...
- 关于ACM的总结
看了不少大神的退役帖,今天终于要本弱装一波逼祭奠一下我关于ACM的回忆. 从大二上开始接触到大三下结束,接近两年的时间,对于大神们来说两年的确算不上时间,然而对于本弱来说就是大学的一半时光.大一的懵懂 ...
- centos 查看脚本
centos 查看脚本 #!/bin/bash date >>info.txt echo "本机centos版本为" >>info.txt cat /etc ...
- the import android cannot be resolved
1.先更新SDK 2.从Window选择SDK并且Apply 3.从Project选择Android的版本
- windows server 2012 使用问题
1.端口映射,把宿主机的端口映射到hyper-v创建的虚拟机上 访问宿主机的公网IP的某个端口,就等于访问这个虚拟机上的端口 具体实现: 在宿主机上命令行输入 添加一个端口映射 netsh inter ...
- 5天揭秘js高级技术-第一天
一.基础杂记 1. document.write() <script type="text/javascript"> document.write('<h2> ...
- yii2 解决POST 400错误
第一种解决办法是关闭Csrf public function init(){ $this->enableCsrfValidation = false; } 第二种解决办法是在form表单中加入隐 ...
- 【Java】正则表达式
正则表达式是做什么的? 正则表达式可用在处理字符串,满足查找符合某些复杂规则的字符串的需要.简言之,正则表达式是记录文本规则的代码. 上图~
- Python 登录系统
---------------------------------------------------------------------------------------- 该程序主要实现了以下3 ...
- oracle 视图的创建,游标,left join
视图的创建: create or replace view dmv_mat_contract_stock_in_bill as select csib.*, sib.STOCK_IO_, sib.CO ...