dom+点击事件

enter

//按enter进行搜索
  $(document).on('keypress','.J_searchInput',function(e){
    if (e.keyCode == 13) {
      var keyword=$(this).val();
      if(keyword==''){
        return false;
      }else{
      var src=$(this).attr('src');
      window.location = src+keyword;
      }
    }
  })
})

DOM操作增删改查网页内容
document.querySelector(‘选择器’) 对象可以直接修改样式等等
document.querySelectorAll(‘选择器’) 伪数组具有元素下标长度 (不具有数组其他特性) 需要下标才能修改
元素.innerText : 获取文本
元素.innerHTML : 获取文本 + 标签
元素.属性名 改图片:img.src 改链接:a.href

单个修改: 元素.style.样式名 = 样式值(css行内权重)
个修改: 元素.className = ‘类名’ 不常用

classList语法
新增: 元素.classList.add(‘类名’) 移除:
元素.classList.remove(‘类名’)
切换: 元素.classList.toggle(‘类名’)
注意点:如果css属性有-,需要转小驼峰。(1)去掉- (2)-后面首字母大写
.add-mne.style x .addMne.style 正确写法

表单    元素.value表单值(输入框文本)
表单状态(布尔)    是否禁用    元素.disabled   =true
是否选中(radio与checkbox)         元素.checked
是否选中(option)           元素.selected
节点查子元素  父元素.children
上一个元素       元素.previousElementSibling
  
下一个元素       元素.nextElementSibling    

查父元素           元素.parentNode   

 增  (1)在内存创建空标签:  document.createElement('标签名')    

(2)设置内容
(3)添加到页面DOM树

新增到最后面:  父元素.appendChild(元素)
新增到元素前面:  父元素.insertBefore( 新增元素, 哪个元素前面 )


删     父元素.removeChild(子元素)

3.1 事件注册的时候不会执行。 (函数声明的时候不执行)
3.2 用户触发事件,浏览器捕捉交互,自动帮我们调用事件处理函数 (浏览器自动调用函数)
事件三要素 事件源,什么元素
事件类型 :什么时刻
事件处理函数
注册事件

鼠标事件
鼠标单击 onclick    onclick
鼠标双击  ondblclick   ondblclick
鼠标移入   on unmouseenter   unmouseenter
鼠标移出   onunmouseleave
鼠标移动     onmousemove
键盘事件   
输入事件  oninput   实时获取输入框文本框   第一天02/04微博获取元素文本长度输入事件注册
失去焦点     onblur
成为焦点    onfocus
键盘按下 onkeydown 监听enter建
ng-route  自带路由
ng-template 寄存方式
ng-model 指令绑定了 HTML 表单元素到 scope 变量中
ng-controller 指定控制器
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

All rivers run in to the sea

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值