jQuery选择标签

2023-09-04 02:57| 来源: 网络整理| 查看: 265

1.jQuery的入口函数：在这里插入图片描述 2.jQuery选择标签：$(’’) 例子:

隐藏 #box{ width: 100px; height: 100px; background: aquamarine; } $(function () { $('#btn').click(function () { $('#box').hide('slow') $('#box').hide(1000) }) })

其中hide（）方法是隐藏的作用，参数可以是速度，也可以是时间。相对show（）显示的方法 3.标签的选择下面是需要添加样式的几个标签

qqq qqq 字体大小 .newclass{ height: 100px; width: 100px; background: gold; overflow: hidden; }

添加样式的jQuery代码：

$(function () { //增加css样式 $('#box1').css({'width':'100px','height':'100px','background-color':'blue'}) $('.box2').css({'font-size':'70px'}) //查看字体大小 console.log($('span').css('font-size')) // 增加类名 $('.box2').addClass('newclass') //给li标签增加内容 // $('.li1').html('这是li1') //查找第一个ul下的第一个li标签 // $('ul li:first').html('li1') //查找所有ul下的第一个li标签 $('ul li:first-child').html('li1') // 通过属性值查找 // 查找name的值为pwd的input标签 console.log($('input[name="pwd"]')) })

获得的结果：在这里插入图片描述

【本文地址】

jQuery选择标签

jQuery选择标签

今日新闻

推荐新闻