jqurey 简单的,我也简单

________________________<jqurey>_______________________
size()求对象集合中的个数
each()遍历对象
prop()获取某个元素属性,相似attr()
is()判断某个元素符合某个表达式 成功返回true
attr()属性不是html具有的,人为加的属性
childer()某个元素的子元素
append()向匹配元素添加内容
text()获取元素的文本
get()获取集合中的某个元素
html()相当于innerHTML,向元素的内部插入一段HTML
:readoinly 只读
————————————属性操作
prop()四种用法
removeProp()移除属性
attr()四种用法 前缀(data-属性名)
removeAttr()移除属性
data()获取元素中 data-前缀的属性
remoreData() 移除data-前缀的属性
————————————class操作
<script type="text/javascript" src="/jquery/jquery.js"></script> addClass 添加class
<script type="text/javascript"> removeClass 移除class
$(document).ready(function(){ hasClass 判断是否有这个class
$("button").on(click,function(){
if($("p:first").hasClass("intro") == false)
$("p:first").addClass("show").addClass("intro");
else
$("p:first").addClass("intro");
});
});
</script>
<style type="text/css">
.intro
{
font-size:120%;
color:red;
}
</style>
</head>

<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
<button>向第一个 p 元素添加一个类</button>

---------------------------元素的查找
children() 下一代 查找当前元素的所有子
find() 查找当前元素所有后代
next() 当前元素后面相邻的兄弟元素
nextAll()当前元素后面所有兄弟元素
prev() 当前元素前面集邻的兄弟元素
prev() 当前元素前面所有兄弟元素
siblings() 当前元素所有兄弟元
parent() 找当前元素的上一辈元素
parents()找当前元素所有的父元素
parents Until()直到找父元素有的第一个匹配元素为止
$(document).ready(function(){
$(‘li.nav-link‘).hide();
$(‘li.nav-item‘).on(‘click‘,function(){
//$(this).parent().find(‘li.nav-link‘).slideUp(600);
$(this).siblings().find(‘li.nav-link‘).slideUp(600);
$(this).find(‘li.nav-link‘).slideToggle(600);
});
});
-------------------------DOM插入和删除
$(document).ready(function(){
var a = $(‘#plot‘).html();//相当于DOM对象中的innerHTML直接插入
var a = $(‘#plot‘).html(‘<a>sagsagsad</a>‘);
comsole.log(a);
var a = $(‘#plot‘).append();//$.append(不能是选择器只能是一段HTML); 内部插入
});
html(content)将content插入到当前元素内部
append(content)将content插入到当前元素内部元素后面
delegate()动态元素加事件
undelegate()移除动态元素事件
☆加入的节点动态元素加、删事件不能用.on 必须用delegate和undelegate添加移除

时间: 2024-10-12 10:44:30

jqurey 简单的,我也简单的相关文章

Android中关于JNI 的学习(零)简单的例子,简单地入门

Android中JNI的作用,就是让Java能够去调用由C/C++实现的代码,为了实现这个功能,需要用到Anrdoid提供的NDK工具包,在这里不讲如何配置了,好麻烦,配置了好久... 本质上,Java去调用C/C++的代码其实就是去调用C/C++提供的方法,所以,第一步,我们要创建一个类,并且定义一个Native方法,如下: JniTest类: public class JniTest { public native String getTestString(); } 可以看到,在这个方法的前

Javac源码简单分析之Javac简单介绍

一.简单介绍 javac 是java语言编程编译器.javac工具读由java语言编写的类和接口的定义,并将它们编译成字节代码的class文件. 二.源码获取 OpenJDK6源码:http://download.java.net/openjdk/jdk6/ Javac的源码就在OpenJDK源码里面. 或者在CSDN下载:http://download.csdn.net/detail/p_3er/7383741 三.Javac的包 Javac的公共入口点是com.sun.tools.javac

用qt写的一个简单到不能在简单的上位机

学QT时,写的一个简单得不能再简单的串口上位机,用来控制单片机上的2个LED.假设一个是只有开和关的状态.一个可以调节亮度.上位机的界面如下图: 其中,波特率,数据位,停止位下拉值在设计师里面添加.剩下的功能,基本由代码实现.通信使用的协议也是随便写的.很简单和随意.图片是老弟手绘的. 下面贴代码 (*^__^*) #include "mainwindow.h" #include "ui_mainwindow.h" #include <QtSerialPort

有关反射和简单工厂模式的简单实现

先抛出两个概念,反射机制和简单工厂模式. 一句话谈谈自己的理解 反射机制就是由参数(包名类名的字符串),获取具体类的属性方法.简单工程模式就是由一个类作公共出口来生成其他类的实例,父类子类生成模式的简单应用,可以由参数来决定具体需要的实例.往下看,是我搜到的解释,相对完善一点. 什么是反射机制? JAVA反射机制是在运行状态中,对于任意一个类,都能够知道这个类的所有属性和方法:对于任意一个对象,都能够调用它的任意方法和属性:这种动态获取信息以及动态调用对象方法的功能称为java语言的反射机制.上

java分页组件简单设计(贼简单)

代码很简单,关键是思想. 每个业务模块基本都会涉及到分页的应用,不管是普通的分页浏览还是瀑布流形式的浏览.分页可以减轻服务器的压力,可以节俭页面布局.在我们的分页简单组件设计中,主要是需要返回给客户端四个数据:列表对象.当前页码.每页记录最大条数.记录总数. 列表对象:顾名思义,就是展示给用户看的当前页面记录: 当前页码:主要是需要js来高亮: 每页记录最大条数:一般是服务器设定 记录总数:js用来计算总页数使用 设计思想: 1.由于分页是一种可以公共使用的功能,所以可以开发成一个组件,这样可以

JSP简单练习-javaBean的简单应用

/* * javaBean代码 */ package bean; public class Box { double length; double width; double height; public Box() { length=0; width=0; height=0; } public double getLength() { return length; } public void setLength(double length) { this.length = length; }

JBoss 系列九十六:JBoss MSC - 简单介绍及一个简单示例

什么是 JBoss MSC JBoss MSC 即 JBoss Modular Service Container,是第三代 JBoss 产品 JBoss 7和WildFfly的内核,JBoss MSC 替换了之前的 JMX Kernel 和 MicroContainer,它主要特定可以总结如下三点: 高并发容器(A highly concurrent state machine) 无多相位,设计简单(No multiple phases, much simpler) 不依赖 JMX 和 Jav

jQurey轮播插件slides简单使用教程

简介就不多说了,网上有很多,复制粘贴没意义,会想到用这个插件就代表已经了解了这是个什么样的东东,这里主要记录下我在使用过程中的步骤和注意事项 html代码注意轮播的多个元素是同样的设置和样式,这样轮播的时候看起来也不至于忽大忽小的看着不协调,这里只是为方便演示和看懂,不做什么复杂特效误导群众 <div id="slides"> <img src="1.jpg" /> <img src="1.jpg" /> &l

通过PHP前端后台交互/通过ajax前端后台交互/php基础传输数据应用/简单的留言版/简单的注册账户/简单的登录页/

  前  言  PHP     通过上一篇博客,注册账号与登录页面--前后台数据交互  跳转转到index主页,接下来进入主页留言板功能,通过ajax向后台传输数据,同时发表留言. 具体的内容分析如下: ① PHP中的数据传输-->>--在主页先添加基础HTML5基本框架,通过form表单提交数据 >>由主页传输给主页后台-->>主页后台经过转码保存实例化的文件 ②主页后台通过判断(是否保存文件)使用输出语句输出true或false,前台通过ajax中的post中的fu

对 cloudwu 简单的 cstring 进行简单解析

题外话 以前也用C写过字符串,主要应用的领域是,大字符串,文件读取方面.写的很粗暴,用的凑合着.那时候看见云风前辈的一个开源的 cstring 串. 当时简单观摩了一下,觉得挺好的.也没细看.过了较长一段时间,想整合一下,将大字符串和云风的cstring 短简单的串合在一起变成一种.但是自己 认真复制了一遍后发现. 1.整合不了 云风(后面都省略前辈二字,觉得云风两个字,就已经帅的不行了)简单cstring.因为处理的领域不一样. 云风的 cstring => String , 而自己写的操作文