返回jq选择器的不......登陆

jq选择器的不同方法和学习知识

邈看银河系2019-06-24 19:17:4772

<!DOCTYPE html>

<html>

<head charset="utf-8">

<title>内容选择器</title>

<script type="text/javascript" src="css/jquery-3.4.1.min.js"></script>

<style type="text/css">

div{width: 100px;height: 100px;background:#ccc;margin-top: 20px;}

</style>

</head>

<body>

<script type="text/javascript">

$(document).ready(function () {

$('div:contains(jion)').css('background','blue')

$('div:has(span)').css('color','red')

$('input[type]').css('background','red')

$('input[name]').css('background','blue')

$('body').css('background','#ccc')

//改变多个css样式

$('p').css({'color':'red','font-size':'20px'})


})

</script>

<div>jack</div>

<div>jun</div>

<div>jack cheng</div>

<div>jion</div>


<div><span>php中文网</span></div>


<form>

<label>1</label><input type="" name1=""><br>

<label>2</label><input type="" name=""><br>

<label>3</label><input name=""><br>

<label>4</label><input type="" name2=""><br>

</form>

<p>欢迎你使用php中文网</p>


</body>

</html>


最新手记推荐

• 用composer安装thinkphp框架的步骤• 省市区接口说明• 用thinkphp,后台新增栏目• 管理员添加编辑删除• 管理员添加编辑删除

全部回复(0)我要回复

暂无评论~
  • 取消回复发送
  • PHP中文网