首页
Python
Java
IOS
Andorid
NodeJS
JavaScript
HTML5
【
jquery接触初级----- 一种新奇的选择器用法
】的更多相关文章
jquery接触初级----- 一种新奇的选择器用法
今天看到一个新奇的jquery 选择器的用法,因为以前没有见过,所以记录下来 1.jquery 选择器: 给body添加一个元素,添加元素的时候,同时把属性和点击事件都一起进行添加 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=de…
jquery接触初级-----juqery选择器实例
jquery 选择器用于触发事件,可以少写很多js代码,一般来说,基本的特效功能都能够完成 这里列举一个简单的jquery写的例子: 要求:有两种情况: 1.产品最初状态显示简约形式的品牌,即显示部分品牌 2.点击按钮后,网页变成显示全部品牌,并且按钮也随着改变 3.对一些列举出的品牌显示成高亮的色彩 4.再次点击按钮,产品品牌变成最初的状态 在这里,将会用到jquery的选择器,和juery方法 html代码: <!DOCTYPE html> <html lang="en&q…
jquery接触初级----jquery 选择器
css 选择器主要有:元素选择器,ID选择器,类选择器,群组选择器,后代选择器,普通配符选择器等,通过css选择,我们可以很方便的给元素添加样式,使网页看起来更加好看 jquery 选择器也有相似的功能,基本上完全继承了css 样式的风格. 差异: CSS选择器:查找元素,添加样式: jquery选择器:查找元素,添加行为: <!DOCTYPE html> <html lang="en"> <head> <meta charset="…
jquery接触初级-----ajax 之:load()方法
jquery _ajax 请求主要有几种方式:load(),$.get(),$.post(),$.ajax(),$.getScript(),$.getJson() 1.load()方法 格式:load( url,[,data],[,function] ) // 参数加上括号,表示参数是可选参数 1.1 写一个文件:test.html <div class="containt"> <div class="comment"&…
jquery接触初级-----ajax 之:jquery_ajax 方法
1. $.get() 方法: 格式:$.get( url,[,data],[,callback],[,type] ); data: 采用键值对的方式存储于对象中; callback: 载入成功时(当response 的返回状态为success时)调用callback ; type: xml ,html,script,json,text和_default ; 以下为$.get()方法的数据调用 <script> $(function(){ $("#send").click(…
jquery接触初级-----juqery DOM操作 之一
1. DOM 分为三个部分:DOM core ,HTML_DOM,CSS_DOM: 1.1.document.getElementById(),document.getElementsByTagName,getAttribute(),setAttribute() 这些方法属于DOM core 1.2. docuement.froms // HTML_DOM获取一个表单对象 element.src //HTML_DOM获取元素的src属性 类似这样的属于HTML_DOM…
jquery接触初级-----juqery 动画函数
1. window.onload(), 一次只能保存对一个函数的引用:如果多次调用,他会自动用后面的函数覆盖前面的函数 2.$(document).ready(); 会在现有行为上追加新的行为,这些函数行为会按照注册的顺序进行依次执行,避免了window.onload()的覆盖行为: $(document).ready() 有三种写法: 2.1 $(document).ready(function(){}); 2.2 $(function(){}); 2.3 $().ready(functi…
jquery接触初级-----juqery DOM操作实例,动态图片显示
1. 要求:对一个a标签元素,当鼠标操作,移入时,显示a标签title属性的信息,鼠标移出时,隐藏a标签属性的title属性信息 a 标签本身的title 属性具有自我显示的特性,但是这个特性比较慢,如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content=&…
jquery接触初级----jquery 对象和Dom对象
1. DOM 对象,每一份DOm对象(Document Object model)都可以表示成一棵树,一个基本的网页如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0…
jquery接触初级-----juqery DOM操作 之二
DOm 操作之: 1.1 children(),这个函数只是查找元素的子元素,而不考虑其他后代元素 <body> <p title="请选择你最喜欢的水果">你最喜欢的水果是设么</p> <ul> <li title="苹果" class="shuoguo1">苹果</li> <li title="梨子" class="huanying2…