文档章节

jQuery小记

喜欢下雨天的人
 喜欢下雨天的人
发布于 2017/08/18 17:46
字数 439
阅读 4
收藏 0

1.经常要用js拼接页面,常用到的几个函数如下

append在元素内部的尾部加上元素
prepend在元素内部的前部加上元素
before在元素外部的头部加上元素
after在元素外部的尾部加上元素
html用当前内容替换掉原内容 

例子:$('#contentLeft').append(html);//在这个元素里面的最后一个子元素的后面添加新的html

 

 

2.

获取元素自定义属性值:$().attr();

例如 $('#id').attr("data-type")

 

3.jQuery元素的兄弟姐妹爸爸儿子

jQuery.parent(expr)  找父亲节点,可以传入expr进行过滤,比如$("span").parent()或者$("span").parent(".class")

jQuery.parents(expr),类似于jQuery.parents(expr),但是是查找所有祖先元素,不限于父元素

jQuery.children(expr).返回所有子节点,这个方法只会返回直接的孩子节点,不会返回所有的子孙节点

jQuery.contents(),返回下面的所有内容,包括节点和文本。这个方法和children()的区别就在于,包括空白文本,也会被作为一个

jQuery对象返回,children()则只会返回节点

$('#id').children("input:first-child").val() 获取第一个子元素的值

jQuery.prev(),返回上一个兄弟节点,不是所有的兄弟节点

jQuery.prevAll(),返回所有之前的兄弟节点

jQuery.next(),返回下一个兄弟节点,不是所有的兄弟节点

jQuery.nextAll(),返回所有之后的兄弟节点

jQuery.siblings(),返回兄弟姐妹节点,不分前后

jQuery.find(expr),跟jQuery.filter(expr)完全不一样。jQuery.filter()是从初始的jQuery对象集合中筛选出一部分,而jQuery.find()
的返回结果,不会有初始集合中的内容,比如$("p"),find("span"),是从<p>元素开始找<span>,等同于$("p span")

 

 

 

 

 

 

© 著作权归作者所有

上一篇: JSP form小记
下一篇: $ is not defined
喜欢下雨天的人

喜欢下雨天的人

粉丝 8
博文 12
码字总数 2517
作品 0
丰台
程序员
私信 提问
jQuery下通过$.browser来判断浏览器

$.browser.['浏览器关键字'] $(function(){if($.browser.msie) { }else if($.browser.safari){ }else if($.browser.mozilla){ }else if($.browser.opera) { }else{ }});看一下jQuery的源码:......

mj4738
2013/06/25
128
0
jQuery 1.4版本的15个新功能

jQuery 1.4版本的15个新功能 1.jQuery()创建DOM元素:支持传参设置属性 之前,jQuery可以通过 attr 方法设置元素的属性,既可传属性的名和值,也可以是包含几组特定 属性名值对 的 对象。在 ...

Sephiroth
2010/01/28
861
1
Ajax框架 -- jQuery 1.3 发布

1月14日是jQuery的生日,昨天是 jQuery 三周年的生日,为此 jQuery 发布了一个新的重要版本 1.3,同时宣布加入非盈利性组织 Software Freedom Conservancy。 新版本具有以下几个新的特性: ...

红薯
2009/01/15
490
2
使用HTML5,CSS3和jQuery增强网站用户体验

日期:2011/11/16 来源:GBin1.com 记 得几年前如果你需要添加一些互动元素到你的网站中用来改善用户体验? 是不是立刻就想到了flash实现?这彷佛年代久远的事了。使用现在最流行的web技术 ...

gbin1
2011/11/16
4.1K
6
和 jQuery 说再见!Bootstrap 5 将移除对其依赖

作者 | 局长 本文经授权转载自开源中国(ID:oschina2013) 近日,Bootstrap 发布了最新版本 4.3.0(https://blog.getbootstrap.com/2019/02/11/bootstrap-4-3-0/),作为 Bootstrap 4.3 发布的...

CSDN资讯
02/15
0
0

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周六乱弹 —— 早上儿子问我他是怎么来的

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 @凉小生 :#今日歌曲推荐# 少点戾气,愿你和这个世界温柔以待。中岛美嘉的单曲《僕が死のうと思ったのは (曾经我也想过一了百了)》 《僕が死の...

小小编辑
今天
1K
14
Excption与Error包结构,OOM 你遇到过哪些情况,SOF 你遇到过哪些情况

Throwable 是 Java 中所有错误与异常的超类,Throwable 包含两个子类,Error 与 Exception 。用于指示发生了异常情况。 Java 抛出的 Throwable 可以分成三种类型。 被检查异常(checked Exc...

Garphy
今天
38
0
计算机实现原理专题--二进制减法器(二)

在计算机实现原理专题--二进制减法器(一)中说明了基本原理,现准备说明如何来实现。 首先第一步255-b运算相当于对b进行按位取反,因此可将8个非门组成如下图的形式: 由于每次做减法时,我...

FAT_mt
昨天
40
0
好程序员大数据学习路线分享函数+map映射+元祖

好程序员大数据学习路线分享函数+map映射+元祖,大数据各个平台上的语言实现 hadoop 由java实现,2003年至今,三大块:数据处理,数据存储,数据计算 存储: hbase --> 数据成表 处理: hive --> 数...

好程序员官方
昨天
61
0
tabel 中含有复选框的列 数据理解

1、el-ui中实现某一列为复选框 实现多选非常简单: 手动添加一个el-table-column,设type属性为selction即可; 2、@selection-change事件:选项发生勾选状态变化时触发该事件 <el-table @sel...

everthing
昨天
20
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部