jQuery实现对P标签的操作

页面导航:首页 > 网络编程 > JavaScript > jQuery实现对P标签的操作

jQuery实现对P标签的操作

来源: 作者: 时间:2016-01-19 18:32 【

注:以下代码均通过W3School在线测试。根据id获取元素本身(Object对象)的方法:$( id);例如:$(document) ready(function(){ $(p) click(function(){ alert($( p1)); });});如果您点击我

注:以下代码均通过W3School在线测试。

根据id获取元素本身(Object对象)的方法:

$(#id);

例如:

 


<script src=/jquery/jquery-1.11.1.min.js>
</script><script>
$(document).ready(function(){
$(p).click(function(){
alert($(#p1));
});
});
</script>

如果您点击我,我会消失。

点击我,我会消失。

也要点击我哦。


运行的结果:

 

\

 

根据class获取元素本身(Object)的方法:

 


<script src=/jquery/jquery-1.11.1.min.js>
</script><script>
$(document).ready(function(){
$(p).click(function(){
alert(根据class类获取元素本身:+$(.class1));
});
});
</script>

如果您点击我,我会消失。

点击我,我会消失。

也要点击我哦。


运行的结果:

 

\

 

获取P标签文本内容的方法:

方法一:$(#p1).text();

方法二:$(#p1).();

例如:

 


<script src=/jquery/jquery-1.11.1.min.js>
</script><script>
$(document).ready(function(){
$(p).click(function(){
alert(text()方法:+$(#p1).text());
alert(html()方法:+$(#p1).html());
});
});
</script>

如果您点击我,我会消失。

点击我,我会消失。

也要点击我哦。


运行的结果:

 

$(#p1).text();方法:

\

 

$(#p1).html();方法:

\

 

获取属性的方法:

 

$(this).attr(id)
例如:

 

 


<script src=/jquery/jquery-1.11.1.min.js>
</script><script>
$(document).ready(function(){
$(p).click(function(){
alert(P标签中的name属性值:+$(this).attr(name));
alert(P标签中的class属性值:+$(this).attr(class));
alert(P标签中的id属性值:+$(this).attr(id));
});
});
</script>

如果您点击我,我会消失。

点击我,我会消失。

也要点击我哦。


运行的结果:

 

获取name属性:

\

 

获取class属性:

\

 

获取id属性:

\

 

 

 

 

 

 

 

 

 

 

Tags:

文章评论

最 近 更 新
热 点 排 行
Js与CSS工具
代码转换工具

<