标签<p><p>中间可以用<span><span>吗

标签<p><p>中间可以用<span><span>吗,第1张

这位网友你好,标签<p></p>为块级元素,<span></span>为内联元素,块级元素可以包含内联元素,也就是说<p></p>标签中间可以用<span></span>标签,class在所有标签上都可以用,也就是说span也可以用class。

你不能用$(*)这个选择器,这样会使鼠标一移到页面,就会出发事件。下面是根据你的要求改的,看你可不可以用到。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />

<title>无标题文档</title>

<script type="text/javascript" src="jquery.js"></script>

<style>

.over{background-color:#096}

</style>

<script language="javascript">

$(function() {

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

$(this).addClass("over")

}).mouseout(function(){

$(this).removeClass("over")

})

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

var testStr=$(this).text()

location.href = "http://www.baidu.com/s?wd="+testStr

})

})

</script>

</head>

<body>

<p id="t">文本1</p>

<p class="g">文本2</p>

<p>文本3</p>

</body>

</html>

span标签增加display:block元素,是正规用法

如果span标签直接包含<p>标签,那么会没有效果,用浏览器的审查元素查看会发现结构变成了:

<span></span>

<p>1111111</p>

自己试验一下吧!


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11641960.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存