jQuery(3-8)样式操作

最新推荐文章于 2024-07-05 14:21:58 发布

置顶星蓝之夜

最新推荐文章于 2024-07-05 14:21:58 发布

阅读量756

点赞数 1

分类专栏： jQuery 文章标签： jquery function stylesheet class html

本文链接：https://blog.csdn.net/a6613459/article/details/7096933

版权

jQuery 专栏收录该内容

23 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <title>样式操作.html</title>

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

<p class="wid" title="选择你喜欢的水果"> 你喜欢的水果是？</p>
<ul style="background-color: purple">
<li title ="苹果 ">苹果</li>
<li title ="橘子 ">橘子</li>
<li title ="菠萝 ">菠萝</li>
<li title ="香蕉 ">香蕉</li>
<li title ="梨子 ">梨子</li>
</ul>

</body>
<script type="text/javascript">
/*

//获取样式和设置样式

$(function(){
$('p').attr('class'); //获取样式

$('p').attr('class','hei'); //(设置样式) 向 <p>元素中的 class属性中替换原来的样式
});
*/

//追加样式
/*
$(function(){
$('p').addClass('another'); //追加一个样式   新老样式都会存在不会将老的替换掉

});
   */
/*//移除样式
$(function(){
$('p').removeClass('wid'); //移除样式    可以链式移除
// 注可以更间的删除多个样式以空格来删除 $('p').removeClass('wid 样式2 样式3,');

// $('p').removeClass();//删除全部样式
});
*/

/*//切换样式
$('p').click(function(){

$('P').toggle("another"); //toggle()切换样式类名（重要）

$('P').toggleClass("another"); //重复切换类名   （重要）
       });
*/

  /*//判断是否含有某个样式

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

$('P').is("another"); //is() 是否含有another样式

});
*/

</script>

</html>

星蓝之夜

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery(3-8)样式操作

样式操作.html --> .wid{ width: 150px ; color: purple ; font-weight: bold;; } .hei{ height: 150px; } .another{ font-style: italic
复制链接

扫一扫