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 指定控制器

enter

猜你喜欢