今日焦点 焦点资讯 营销之道 企业报道 淘宝运营 网站建设 软件开发 400电话
  当前位置: 首页 » 资讯 » 软件开发 » 正文

js常用属性实例分享

放大字体  缩小字体 发布日期:2018-02-28  来源:企业800网  作者:新格网  浏览次数:859  【去百度看看】
核心提示:本文主要和大家分享js常用属性实例,首先是几个比较容易常见的属性,希望能帮助到大家。
本文主要和大家分享js常用属性实例,首先是几个比较容易常见的属性,希望能帮助到大家。


1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26


$("p").dblclick(function() {

$(this).css("color", "green");

})

//当鼠标指针穿过元素

$("p").mouseenter(function() {

$(this).text("鼠标指针穿过元素");

})

//鼠标指针离**素

$("p").mouseleave(function() {

$(this).text("鼠标指针离**素");<br>})

//鼠标指针移动到元素上,并按下鼠标按键

$("p").mousedown(function() {

$(this).text("鼠标指针移动到元素上方,并按下鼠标按键");

})

//在元素上松开鼠标按钮时

$("p").mouseup(function() {

$(this).text("在元素上松开鼠标按钮时");

})

//元素获得焦点

$(":text").focus(function() {

$(this).val("元素获得焦点");

})

//元素失去焦点

$(":text").blur(function() {

$(this).val("元素失去焦点");

})

  插入方法:




1

2

3

4

5

6

7

8

9

10

11

12


var i = $("#ul1 li").length;

//append末尾插入

$("#btn1").click(function() {

i++;

$("#ul1").append("<li>add" + i + "</li>")

})

//prepend头部插入

var j = 1;

$("#btn2").click(function() {

j--;

$("#ul1").prepend("<li>add" + j + "</li>")

})<br>before()//元素之前<br>after()//元素之后

  移除方法




1

2

3


$("#btn4").click(function() {

$("#ul1 li:first").remove()

})

remove() - 删除被选元素(及其子元素)

empty() - 从被选元素中删除子元素 清空

父级属性




1

2

3


parent() 被选元素的直接父元素

parents() 被选元素的所有祖先元素,它一路向上直到文档的根元素 (<html>)

parentsUntil()介于两个给定元素之间的所有祖先元素

后代属性




1

2

3


children() 方法返回被选元素的所有直接子元素 只一级  

find() 方法返回被选元素的指定后代元素,一路向下直到最后一个后代<br> $("p").find("span");//<p> 后代的所有 <span> 元素<br> $("p").find("*");// <p> 的所有后代<br>

同胞属性




1

2

3

4

5

6

7

8

9

10


siblings() //被选元素的所有同胞元素

$("h2").siblings().css({"color":"red","border":"2px solid red"});

$("h2").siblings("p").css({"color":"red","border":"2px solid red"});

next()//被选元素的下一个同胞元素

$("h2").next().css({"color":"red","border":"2px solid red"});

nextAll()//被选元素的所有跟随的同胞元素

$("h2").nextAll();

nextUntil()//介于两个给定参数之间的所有跟随的同胞元素

$("h2").nextUntil("h6");

prev(), prevall() 以及 prevUntil() 方法的工作方式与上面的方法类似,只不过方向相反而已:它们返回的是前面的同胞元素(在 DOM 树中沿着同胞元素向后遍历,而不是向前)。

遍历过滤




1

2

3

4

5

6

7

8

9

10


first() 方法返回被选元素的首个元素

$("p p").first();

last() 方法返回被选元素的最后一个元素。

$("p p").last();

eq() 方法返回被选元素中带有指定索引号的元素。从0开始

$("p").eq(1);

filter() 方法规定一个标准。不匹配这个标准的元素会被从集合中删除,匹配的元素会被返回。

$("p").filter(".intro");

not() 方法返回不匹配标准的所有元素。not() 方法与 filter() 相反。

$("p").not(".intro");

相关推荐:

HTML中划分框窗有哪些常用属性

关于CSS常用属性的详细介绍

css3中的常用属性介绍

以上就是js常用属性实例分享的详细内容,更多请关注php中文网其它相关文章!

 
 
[ 资讯搜索 ]  [ 加入收藏 ]  [ 告诉好友 ]  [ 打印本文 ]  [ 违规举报 ]  [ 关闭窗口 ]

 
0条 [查看全部]  相关评论

 
网站首页 | 关于我们 | 联系方式 | 使用协议 | 版权隐私 | 网站地图 | 排名推广 | 广告服务 | 积分换礼 | 网站留言 | RSS订阅 | 皖ICP备2021004516号-14
企业800网 · 提供技术支持
 
:none;border:0px;float:none;line-height:1.8em;vertical-align:baseline;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;min-height:auto;"> $(this).text("鼠标指针离**素");<br>})

//鼠标指针移动到元素上,并按下鼠标按键

$("p").mousedown(function() {

$(this).text("鼠标指针移动到元素上方,并按下鼠标按键");

})

//在元素上松开鼠标按钮时

$("p").mouseup(function() {

$(this).text("在元素上松开鼠标按钮时");

})

//元素获得焦点

$(":text").focus(function() {

$(this).val("元素获得焦点");

})

//元素失去焦点

$(":text").blur(function() {

$(this).val("元素失去焦点");

})

  插入方法:




1

2

3

4

5

6

7

8

9

10

11

12


var i = $("#ul1 li").length;

//append末尾插入

$("#btn1").click(function() {

i++;

$("#ul1").append("<li>add" + i + "</li>")

})

//prepend头部插入

var j = 1;

$("#btn2").click(function() {

j--;

$("#ul1").prepend("<li>add" + j + "</li>")

})<br>before()//元素之前<br>after()//元素之后

  移除方法




1

2

3


$("#btn4").click(function() {

$("#ul1 li:first").remove()

})

remove() - 删除被选元素(及其子元素)

empty() - 从被选元素中删除子元素 清空

父级属性




1

2

3


parent() 被选元素的直接父元素

parents() 被选元素的所有祖先元素,它一路向上直到文档的根元素 (<html>)

parentsUntil()介于两个给定元素之间的所有祖先元素

后代属性




1

2

3


children() 方法返回被选元素的所有直接子元素 只一级  

find() 方法返回被选元素的指定后代元素,一路向下直到最后一个后代<br> $("p").find("span");//<p> 后代的所有 <span> 元素<br> $("p").find("*");// <p> 的所有后代<br>

同胞属性




1

2

3

4

5

6

7

8

9

10


siblings() //被选元素的所有同胞元素

$("h2").siblings().css({"color":"red","border":"2px solid red"});

$("h2").siblings("p").css({"color":"red","border":"2px solid red"});

next()//被选元素的下一个同胞元素

$("h2").next().css({"color":"red","border":"2px solid red"});

nextAll()//被选元素的所有跟随的同胞元素

$("h2").nextAll();

nextUntil()//介于两个给定参数之间的所有跟随的同胞元素

$("h2").nextUntil("h6");

prev(), prevall() 以及 prevUntil() 方法的工作方式与上面的方法类似,只不过方向相反而已:它们返回的是前面的同胞元素(在 DOM 树中沿着同胞元素向后遍历,而不是向前)。

遍历过滤




1

2

3

4

5

6

7

8

9

10


first() 方法返回被选元素的首个元素

$("p p").first();

last() 方法返回被选元素的最后一个元素。

$("p p").last();

eq() 方法返回被选元素中带有指定索引号的元素。从0开始

$("p").eq(1);

filter() 方法规定一个标准。不匹配这个标准的元素会被从集合中删除,匹配的元素会被返回。

$("p").filter(".intro");

not() 方法返回不匹配标准的所有元素。not() 方法与 filter() 相反。

$("p").not(".intro");

相关推荐:

HTML中划分框窗有哪些常用属性

关于CSS常用属性的详细介绍

css3中的常用属性介绍

以上就是js常用属性实例分享的详细内容,更多请关注php中文网其它相关文章!

 
关键词: javascript,分享,实例
长春  短信群发  吉林省  红视窗  中国  长春市  玉米  长春网站建设  网站  振华  设备  设计  吉林  广州  扑克  长春上门维修电脑  叙利亚  内蒙古  联合声明  消费者权益  突击步枪  新闻中心  化学武器  中非合作论坛  中国政府  满洲里  美国白宫  记者会  塞内加尔  中消协  强台风  中国电影  消费者  海外网  长春北大青鸟  中国智能建筑节  叙政府  重庆市  网站建设  北京市  国家元首  长春上门修电脑  产业园  北斗导航  中国芯  龙头企业  党委书记  长春上门做系统  长春电脑上门维修  塞申斯  侯建国,质量,中国特色社会主义  售前咨询技巧  俄罗斯  发言人  特朗普,贸易战,美国  运载火箭  中国军网  今日头条  美国人  特朗普  长春国贸  位置服务  英国皇家海军  一带一路  中国移动  人民政府  检察官  中国市场  发布会  美国海军陆战队  小学生  抚养费  指示  圆桌  观察者网  白宫  弹道导弹  小雨  郭晓东  美国  亚马逊  台风  参议院  尼克松  日本  国家安全  化武  步枪  大阪  毒品  动物世界  广东省  刘强东  美国陆军  中国空军  非洲  刘雨欣  美国总统  结婚纪念日  越野车 
 
[ 资讯搜索 ]  [ 加入收藏 ]  [ 告诉好友 ]  [ 打印本文 ]  [ 违规举报 ]  [ 关闭窗口 ]

 
同类资讯
0条 [查看全部]  相关评论

 
网站首页 | 关于我们 | 联系方式 | 使用协议 | 版权隐私 | 网站地图 | 排名推广 | 广告服务 | 积分换礼 | 网站留言 | RSS订阅 | 皖ICP备2021004516号-14
企业800网 · 提供技术支持
 
no', 'Courier New', Courier, monospace;min-height:auto;color:rgb(0,0,0);">() {

i++;

$("#ul1").append("<li>add" + i + "</li>")

})

//prepend头部插入

var j = 1;

$("#btn2").click(function() {

j--;

$("#ul1").prepend("<li>add" + j + "</li>")

})<br>before()//元素之前<br>after()//元素之后

  移除方法




1

2

3


$("#btn4").click(function() {

$("#ul1 li:first").remove()

})

remove() - 删除被选元素(及其子元素)

empty() - 从被选元素中删除子元素 清空

父级属性




1

2

3


parent() 被选元素的直接父元素

parents() 被选元素的所有祖先元素,它一路向上直到文档的根元素 (<html>)

parentsUntil()介于两个给定元素之间的所有祖先元素

后代属性




1

2

3


children() 方法返回被选元素的所有直接子元素 只一级  

find() 方法返回被选元素的指定后代元素,一路向下直到最后一个后代<br> $("p").find("span");//<p> 后代的所有 <span> 元素<br> $("p").find("*");// <p> 的所有后代<br>

同胞属性




1

2

3

4

5

6

7

8

9

10


siblings() //被选元素的所有同胞元素

$("h2").siblings().css({"color":"red","border":"2px solid red"});

$("h2").siblings("p").css({"color":"red","border":"2px solid red"});

next()//被选元素的下一个同胞元素

$("h2").next().css({"color":"red","border":"2px solid red"});

nextAll()//被选元素的所有跟随的同胞元素

$("h2").nextAll();

nextUntil()//介于两个给定参数之间的所有跟随的同胞元素

$("h2").nextUntil("h6");

prev(), prevall() 以及 prevUntil() 方法的工作方式与上面的方法类似,只不过方向相反而已:它们返回的是前面的同胞元素(在 DOM 树中沿着同胞元素向后遍历,而不是向前)。

遍历过滤




1

2

3

4

5

6

7

8

9

10


first() 方法返回被选元素的首个元素

$("p p").first();

last() 方法返回被选元素的最后一个元素。

$("p p").last();

eq() 方法返回被选元素中带有指定索引号的元素。从0开始

$("p").eq(1);

filter() 方法规定一个标准。不匹配这个标准的元素会被从集合中删除,匹配的元素会被返回。

$("p").filter(".intro");

not() 方法返回不匹配标准的所有元素。not() 方法与 filter() 相反。

$("p").not(".intro");

相关推荐:

HTML中划分框窗有哪些常用属性

关于CSS常用属性的详细介绍

css3中的常用属性介绍

以上就是js常用属性实例分享的详细内容,更多请关注php中文网其它相关文章!

 
关键词: javascript,分享,实例
长春  短信群发  吉林省  红视窗  中国  长春市  玉米  长春网站建设  网站  振华  设备  设计  吉林  广州  扑克  长春上门维修电脑  叙利亚  内蒙古  联合声明  消费者权益  突击步枪  新闻中心  化学武器  中非合作论坛  中国政府  满洲里  美国白宫  记者会  塞内加尔  中消协  强台风  中国电影  消费者  海外网  长春北大青鸟  中国智能建筑节  叙政府  重庆市  网站建设  北京市  国家元首  长春上门修电脑  产业园  北斗导航  中国芯  龙头企业  党委书记  长春上门做系统  长春电脑上门维修  塞申斯  侯建国,质量,中国特色社会主义  售前咨询技巧  俄罗斯  发言人  特朗普,贸易战,美国  运载火箭  中国军网  今日头条  美国人  特朗普  长春国贸  位置服务  英国皇家海军  一带一路  中国移动  人民政府  检察官  中国市场  发布会  美国海军陆战队  小学生  抚养费  指示  圆桌  观察者网  白宫  弹道导弹  小雨  郭晓东  美国  亚马逊  台风  参议院  尼克松  日本  国家安全  化武  步枪  大阪  毒品  动物世界  广东省  刘强东  美国陆军  中国空军  非洲  刘雨欣  美国总统  结婚纪念日  越野车 
 
[ 资讯搜索 ]  [ 加入收藏 ]  [ 告诉好友 ]  [ 打印本文 ]  [ 违规举报 ]  [ 关闭窗口 ]

 
同类资讯
0条 [查看全部]  相关评论

 
网站首页 | 关于我们 | 联系方式 | 使用协议 | 版权隐私 | 网站地图 | 排名推广 | 广告服务 | 积分换礼 | 网站留言 | RSS订阅 | 皖ICP备2021004516号-14
企业800网 · 提供技术支持
 
:0px 2px 0px 0px;border-right-style:solid;border-right-color:rgb(108,226,108);float:none;line-height:1.8em;text-align:right;vertical-align:baseline;min-height:auto;white-space:nowrap;">6

7

8

9

10


siblings() //被选元素的所有同胞元素

$("h2").siblings().css({"color":"red","border":"2px solid red"});

$("h2").siblings("p").css({"color":"red","border":"2px solid red"});

next()//被选元素的下一个同胞元素

$("h2").next().css({"color":"red","border":"2px solid red"});

nextAll()//被选元素的所有跟随的同胞元素

$("h2").nextAll();

nextUntil()//介于两个给定参数之间的所有跟随的同胞元素

$("h2").nextUntil("h6");

prev(), prevall() 以及 prevUntil() 方法的工作方式与上面的方法类似,只不过方向相反而已:它们返回的是前面的同胞元素(在 DOM 树中沿着同胞元素向后遍历,而不是向前)。

遍历过滤




1

2

3

4

5

6

7

8

9

10


first() 方法返回被选元素的首个元素

$("p p").first();

last() 方法返回被选元素的最后一个元素。

$("p p").last();

eq() 方法返回被选元素中带有指定索引号的元素。从0开始

$("p").eq(1);

filter() 方法规定一个标准。不匹配这个标准的元素会被从集合中删除,匹配的元素会被返回。

$("p").filter(".intro");

not() 方法返回不匹配标准的所有元素。not() 方法与 filter() 相反。

$("p").not(".intro");

相关推荐:

HTML中划分框窗有哪些常用属性

关于CSS常用属性的详细介绍

css3中的常用属性介绍

以上就是js常用属性实例分享的详细内容,更多请关注php中文网其它相关文章!

 
关键词: javascript,分享,实例
长春  短信群发  吉林省  红视窗  中国  长春市  玉米  长春网站建设  网站  振华  设备  设计  吉林  广州  扑克  长春上门维修电脑  叙利亚  内蒙古  联合声明  消费者权益  突击步枪  新闻中心  化学武器  中非合作论坛  中国政府  满洲里  美国白宫  记者会  塞内加尔  中消协  强台风  中国电影  消费者  海外网  长春北大青鸟  中国智能建筑节  叙政府  重庆市  网站建设  北京市  国家元首  长春上门修电脑  产业园  北斗导航  中国芯  龙头企业  党委书记  长春上门做系统  长春电脑上门维修  塞申斯  侯建国,质量,中国特色社会主义  售前咨询技巧  俄罗斯  发言人  特朗普,贸易战,美国  运载火箭  中国军网  今日头条  美国人  特朗普  长春国贸  位置服务  英国皇家海军  一带一路  中国移动  人民政府  检察官  中国市场  发布会  美国海军陆战队  小学生  抚养费  指示  圆桌  观察者网  白宫  弹道导弹  小雨  郭晓东  美国  亚马逊  台风  参议院  尼克松  日本  国家安全  化武  步枪  大阪  毒品  动物世界  广东省  刘强东  美国陆军  中国空军  非洲  刘雨欣  美国总统  结婚纪念日  越野车 
 
[ 资讯搜索 ]  [ 加入收藏 ]  [ 告诉好友 ]  [ 打印本文 ]  [ 违规举报 ]  [ 关闭窗口 ]

 
同类资讯
0条 [查看全部]  相关评论

 
网站首页 | 关于我们 | 联系方式 | 使用协议 | 版权隐私 | 网站地图 | 排名推广 | 广告服务 | 积分换礼 | 网站留言 | RSS订阅 | 皖ICP备2021004516号-14
企业800网 · 提供技术支持
 
ne;border:0px;float:none;line-height:1.8em;vertical-align:baseline;font-family:Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;min-height:auto;color:#0000FF;">"p p").last();

eq() 方法返回被选元素中带有指定索引号的元素。从0开始

$("p").eq(1);

filter() 方法规定一个标准。不匹配这个标准的元素会被从集合中删除,匹配的元素会被返回。

$("p").filter(".intro");

not() 方法返回不匹配标准的所有元素。not() 方法与 filter() 相反。

$("p").not(".intro");

相关推荐:

HTML中划分框窗有哪些常用属性

关于CSS常用属性的详细介绍

css3中的常用属性介绍

以上就是js常用属性实例分享的详细内容,更多请关注php中文网其它相关文章!

 
关键词: javascript,分享,实例
长春  短信群发  吉林省  红视窗  中国  长春市  玉米  长春网站建设  网站  振华  设备  设计  吉林  广州  扑克  长春上门维修电脑  叙利亚  内蒙古  联合声明  消费者权益  突击步枪  新闻中心  化学武器  中非合作论坛  中国政府  满洲里  美国白宫  记者会  塞内加尔  中消协  强台风  中国电影  消费者  海外网  长春北大青鸟  中国智能建筑节  叙政府  重庆市  网站建设  北京市  国家元首  长春上门修电脑  产业园  北斗导航  中国芯  龙头企业  党委书记  长春上门做系统  长春电脑上门维修  塞申斯  侯建国,质量,中国特色社会主义  售前咨询技巧  俄罗斯  发言人  特朗普,贸易战,美国  运载火箭  中国军网  今日头条  美国人  特朗普  长春国贸  位置服务  英国皇家海军  一带一路  中国移动  人民政府  检察官  中国市场  发布会  美国海军陆战队  小学生  抚养费  指示  圆桌  观察者网  白宫  弹道导弹  小雨  郭晓东  美国  亚马逊  台风  参议院  尼克松  日本  国家安全  化武  步枪  大阪  毒品  动物世界  广东省  刘强东  美国陆军  中国空军  非洲  刘雨欣  美国总统  结婚纪念日  越野车 
 
[ 资讯搜索 ]  [ 加入收藏 ]  [ 告诉好友 ]  [ 打印本文 ]  [ 违规举报 ]  [ 关闭窗口 ]

 
同类资讯
0条 [查看全部]  相关评论

 
网站首页 | 关于我们 | 联系方式 | 使用协议 | 版权隐私 | 网站地图 | 排名推广 | 广告服务 | 积分换礼 | 网站留言 | RSS订阅 | 皖ICP备2021004516号-14
企业800网 · 提供技术支持