jquery本质上还是javascript,是javascript的一个框架,可以让我们更简洁地去使用javascript
使用之前,记得在html头部引用jquery
$('#mydiv').css('background:red');
$('h2').css('color:red');
$('.mydiv').css('color:red');
$('#mydiv,#mytext').css('background:red');
<h2>this is h2</h2> <h3>this is h3</h3> $('h2 + h3') 当h2和h3为同级,且相邻 <form> <input name="t1"> <form> <input name="t2"> </form> </form> $('form > input') form标签的子元素 使用此,只会获得name=t1的input元素 $('form input') form标签之中,子元素,孙元素... 使用此,会获得name=t1和name=t2的两个input元素
$('[href]') $("[type!='button']") $("[type^='b']") 以b开头 $("[type$='b']") 以b结尾
//input标签,name属性为username的全部元素 $("input[name='username']") 表单对象属性 $('input:checked')
html文档首先是被解析,之后才会被显示
解析完毕也就是ready事件的触发
$(document).ready(function () { //相关的操作,如修改样式等 }); //ready简写方式 $(function(){ //相关的操作,如修改样式等 });
var title = $('<h1>这是标题</h1>'); $('#mydiv').append(title);
//把全部class属于mydiv的元素的样式都修改 $('.mydiv').css('background:red');
//属性有"-",得加上引号,没有"-",可以省略引号 $('.mydiv').css({'background-color':'red',width:'50px'});
有两种方法
var mydiv = $('.mydiv')[0]; var mydiv = $('.mydiv').get(0);
如对本文有疑问, 点击进行留言回复!!
VScode中的react自动补全标签代码及黄色or红色警告
关于React处理input的方法和多个input共用一个方法(不用jQuery)
网友评论