一：关于选择器

1:根据id

var name=$('#name');
var name=jQuery('#name');

2:根据class

var name=jQuery('.name');

3.根据元素标签

var name=$('name');

4：防止还没有加载出来js文件，就执行后面的内容

<script src="./js/jquery-3.4.1.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
var name=jQuery('.name');
})
</script>

还可以

var name=jQuery('.name');
}）

层级选择器

$('parent > child') parent中指定的child直接子元素
$('parent child')所有后代元素
$('prev+next')紧贴prev之后的元素  （只查紧贴着的后一个）

 $('body *')
  $('body p')

伪类选择器

   $('p：eq（1）') 区配的索引
   //even/odd
   //checked
   //disabled

属性选择器

$('input[id]')

!!!属性选择器常用条件

^=以**开始

$=以**结束

二：查询 dom信息

1：访问html属性（id，class，style） .attr('class') 2:查看html/文本信息 .html() //(会显示出标签) /text() /只有文字 3:查看表单信息 .val()

获得表单的信息，可以增加监听事件/或者键盘监听事件

一些表单例子： input，textarea，select，checkbox，radio

三：jquery对象与document对象转换

jquery 转换成dom对象 var username=$('#name') username.get()

四：修改dom信息

1：append 构建dom对象

var html=$('

');

（1）:html.appendTo('body');

（2）:$('body').append(html);

2:修改 attr的添加 $('xx').attr('areaId','666');

3.class的添加

$('xx').addClass('666')

3.class的移除

$('xx').removeClass('666')

五：操作css样式

$('xx').css({

}) 如何隐藏一个元素： element style{

visibility:hidden;

display:none;(block 就显示) }

jquery如何操作 $('xx').hide（）；$ ('xx').show();

六：链式调用

(//多行变成一行了哈哈~）

$('

').text('hello').ppend('haha').appendTo('body'）

append加的内容，appendto加到对象

一：jquery中的事件

实现html与javascript分离

1：文档加载（dom准备就绪）

2：鼠标事件（点击/滑动）

点击事件：
.clik /dblclick( )  单击/双击
.mousedown()/mouseup() 按下/抬起

移动事件：
.mouseenter()/.mouseleave() 进入/离开（）

可以用hover代替

绑定语法： on（‘click’，function（）{}）

click(function(){})

3：键盘事件

.keydown()
.keyup()

4：表单事件

焦点

.focus()/.blur()
获得/失去焦点
.change()
改变
form 表单提交
.submit()
(一般绑定在form上面）

5：事件的行为

阻止a标签的默认行为

event.preventDefault()
或者直接
href='avascript:void(0)'

阻止多个事件冒泡

点击里面的不处罚外面的
event. ropagation()

jQuery | 青训营笔记